|
|
ASCII art refers to text characters and symbols that you combine to create an image. The following is an ASCII image of a smiling face :) This is a very simple example but it is possible to create more complicated pictures. The W3C suggests that you avoid ASCII art (character illustrations) and use real images instead as it is easier to supply a text equivalent for images. However, if you do add ASCII art, add a link that allows you skip over the image:
<a href="#post-art">skip over ASCII art</a> You need to allow the skip because ASCII art is made up of real text characters and when screen readers come across it they read each and every character out loud. Obviously, this makes no sense at all to the user. Another option for smaller ASCII art is to use an <abbr> tag with a title. For example: <p><abbr title="smiley in ASCII art">:-)</abbr> |
More information An overview of the accessibility guidelines Provide clear navigation mechanisms Clearly identify the target of each link Provide metadata to add semantic information to pages and sites Provide information about the general layout of a site Use navigation mechanisms in a consistent manner Enable different types of searches Place distinguishing information at the beginning Provide information about document collections Provide a means to skip over multi-line ASCII art |