Techniques for WCAG 2.0

Skip to Content (Press Enter)

-

FLASH28: Providing text alternatives for ASCII art, emoticons, and leetspeak in Flash

Applicability

This technique relates to:

User Agent and Assistive Technology Support Notes

See User Agent Support for Flash for general information on user agent support.

Description

ASCII characters, emoticons, and leetspeek are sometimes used and present accessibility challenges since the meaning is conveyed through the visual appearance of groupings of individual characters.

In Flash, such groupings of characters can be made accessible by wrapping them in a MovieClip, and providing an accessible name. It is crucial that the the forceSimple property for the MovieClip is set to true also. This will hide the actual ASCII characters from assistive technology.

Examples

Example 1: Providing a text alternative for ASCII art in the accessibility control panel

This example contains words written in ASCII art using leetspeek (the text says "WCAG 2 rulez"). To make this text accessible, the following steps are followed:

  1. Place the ASCII characters in a MovieClip instance

  2. Select the MovieClip instance containing the text, and make the following changes in the Accessibility panel:

    • Add a meaningful text alternative for the ASCII art, without leetspeak (such as "WCAG 2 RULEZ").

    • Uncheck the "Make child objects accessible" checkbox, so that the ASCII characters will not be read by screen readers

These steps are ilustrated in the screenshot below:

Adding text alternative for ASCII art using the Accessibility Panel

Example 2: Providing a text alternative for ASCII art using ActionScript

This example is the same as example 2, except using ActionScript instead of the accessibility control panel in the Flash Professional authoring tool.

  1. Place the ASCII characters in a MovieClip instance

  2. Provide an instance name for the MovieClip instance (e.g. myASCII)

  3. Set the accessible name for the MovieClip and set the forceSimple property to true to hide the text inside the MovieClip.

Example Code:

// 'myASCII' is a MovieClip instance placed on the movie's main timeline
myASCII.accessibilityProperties = new AccessibilityProperties();
myASCII.accessibilityProperties.name = "WCAG 2 Rulez";
myASCII.accessibilityProperties.forceSimple = true;

This technique is demonstrated in the working version of Providing a text alternative for ASCII art using ActionScript. The source of Providing a text alternative for ASCII art using ActionScript is available.

Tests

Procedure

  1. Publish the SWF file

  2. Use a tool which is capable of showing an object's name to open the Flash movie.

  3. Locate the ASCII grouping, leet speak, or emoticon and verify in the tool that the accessibility name represents the same information.

  4. Authors may also test with a screen reader, by reading the Flash content and listening to hear that the equivalent text is read when tabbing to the non-text object (if it is tabbable) or hearing the alternative text read when reading the content line-by-line.

Expected Results