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

Important Information about Techniques

See Understanding Techniques for WCAG Success Criteria for important information about the usage of these informative techniques and how they relate to the normative WCAG 2.1 success criteria. The Applicability section explains the scope of the technique, and the presence of techniques for a specific technology does not imply that the technology can be used in all situations to create content that meets WCAG 2.1.

Applicability

Content implemented in Adobe Flash.

Note

Adobe has plans to stop updating and distributing the Flash Player at the end of 2020, and encourages authors interested in creating accessible web content to use HTML.

This technique relates to Success Criterion 1.1.1: Non-text Content (Sufficient).

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 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 1, 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.
// '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

  • #3 or #4 above is true