Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

13.10 Provide a means to skip over multi-line ASCII art

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>
<!-- ASCII art goes here -->
<a name="post-art">caption for 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>