Skip to main content

Documentation checklist

Checkpoint 1: Provide documentation in an accessible format

This page provides specific examples to implement the documentation techniques for accessible documents.

On this page:

 


Rationale

Some users may not be able to access documentation if it is not in an accessible format. If documentation is provided in multiple formats, at least one of the formats must be accessible.


Required development techniques

The following techniques are the minimum required to meet Checkpoint 1 from the IBM Documentation Accessibility Checklist. Follow the general techniques on this page along with links to examples for specific types of documentation:




1.1 Non-text Content: All non-text content that is presented to the user has a text alternative that serves the equivalent purpose.

  1. Provide alternative text for all images.

    If an image is meaningful, provide a short text alternative that provides equivalent meaning. When a screen reader encounters the image, it will read the text alternative. If an image is pure decoration or only used for visual formatting, implement it so it can be ignored by assistive technology.

  2. Provide a text description in addition to alternative text for complex charts and graphs.

    Alternative text may not be sufficient to describe complex images such as graphs and charts. In that case, provide a more complete description in surrounding text or if supported, use the long description.

1.2 Information and Relationships: Define information, structure, and relationships.

  1. Define document structure.

    For document types that support this feature, use structure (e.g. headings, lists, sections) instead of presentation (bold, large fonts) to define elements. This enables screen readers to convey information about the document structure to blind users. Simple text-based documentation formats such as Notepad do not provide options to define document structure.

    Syntax diagrams are usually provided as railroad diagrams, but this format is not accessible to someone using a screen reader. An accessible format such as dotted decimal or BNF (Backus-Naur) must be provided in addition to the railroad diagrams.

  2. Do not use text formatting as the only way to convey meaning.

    When text formatting (e.g. bold, italics) is used to convey meaning, it is not accessible to someone listening to a document with a screen reader. When using text formatting to convey meaning, provide another way of making the information available.

    Example 1
    In the screen shot below, bold is used as a way to indicate where the user is in the overall agenda of the presentation. Since bold text is not accessible to all users, an asterisk has also been added to convey that you are now going to cover the Demo portion of the presentation.
    Agenda: Introduction. Tips and techniques. Demo. Review. Q&A.

  3. Identify the purpose of each link in the link text.

    Someone using a screen reader may list all links on the page for easy navigation. Links must be understandable when read out of context. When the link is the URL, it is not descriptive enough to understand the target of the link.

    Example 2
    If the documentation directs the user to http://www.ibm.com/able for more information on accessibility, it is difficult for someone listening with a screen reader to understand the destination of the link. A better method is to make the link text for the URL IBM Accessibility. The destination is clear and the link will be understandable when read out of context in the screen reader links list. Each different URL or link should have unique link text. Links to the same URL can have the same link text.

    Example 3
    For documents that will be printed, it is acceptable to spell out the URL but the descriptive text is also needed in the source format. As mentioned, it's best to make the descriptive text the link text and not the URL so that when the screen reader user selects the option to list the links in a document only the descriptive text will be read instead of the URL. For example: IBM Accessibility http://www.ibm.com/able.

1.3 Color & contrast: Any information that is conveyed by color is also evident without color.

  1. Do not use color as the only way to convey meaning.

    When color is used as the only way to convey meaning, the information is not accessible to someone who is colorblind or someone using a screen reader. When using color, provide another way of making the information available.

    Example 4
    If required user settings are listed in red and optional settings are displayed in green, preface the setting with an asterisk or other cue so someone who is colorblind or someone who is using a screen reader will also be able to identify the required commands.

    *=Required settings
    Preferences
    * Use accessibility keyboard navigation
    Application
    Mail
    Do not prompt when exiting application
    Calendar


    Example 5
    If color is used within an image to convey information, use color and pattern to convey the information. In addition, provide appropriate alt text for the image so the information will be accessible to someone using a screen reader.


  2. Provide sufficient contrast between text and the page background.

    Someone with low vision needs high contrast between text and the background to read information on the screen.

    Example 6
    This text provides sufficient contrast because it is black text on a white background.
    This text does not provide sufficient contrast because it is light blue text on a white background.

1.4 Meaningful sequence: Define document reading order.

  1. Define document reading order.

    For document types that support this feature, ensure that document elements are presented in a logical reading order. Simple text-based documentation formats such as Notepad do not provide options to define reading order since the document structure is not complex.

1.5 Forms: Define form element labels.

  1. Provide an accessible label for form fields.

    For document types that support this feature, label form fields so the text is associated with the input field. Labels enable screen readers to provide the relationship between the text label and the form field so forms can be filled out correctly by someone using a screen reader.

    Some formats such as simple text-based documents and PowerPoint do not support the ability to add form fields.

1.6 Tables: Identify table cells and relationships between cells.

  1. Identify row and column headers for data tables.

    Do not use tabs and / or spaces to arrange tabular information. Instead, data tables should be used to display tabular data. Row and column headers enable screen readers to provide information about the relationship of data cells in a table to blind users. When a document format does not support the ability to define row and column headers, data tables should not be used in the documentation.

    Some formats such as simple text-based documents do not support the ability to define row and column headers. Tables should be avoided in those types of documents.

1.7 Threshold violations: Do not include text or images that flash more than 2 times in a one second period.

  1. Do not include text or images that flash more than 2 times in a one second period.

    Text that blinks or flashes can cause photosensitive epileptic seizures in susceptible individuals, particularly if the flash has a high intensity and is in the frequency range between 2 Hz and 55 Hz. This includes flashing text, turning graphics on and off or repeatedly changing between different images on the screen.

    Example 7
    Flashing and blinking content should be avoided. If provided as part of the documentation, ensure that the flashing is not in the range between 2 Hz and 55 Hz.

1.8 Navigation: Provide an accessible method to navigate long documents.

  1. Provide an accessible method to navigate long documents.

    Screen readers must read documents in sequential order unless authors provide an accessible method to navigate documents (e.g. headings, sections, bookmarks, table of contents). These methods help make the user more productive because they can skip to specific sections of the document that they want to read when using assistive technology to read documentation.

1.9 Language of Page: Define the default language.

  1. Define the language of the document.

    For document types that support this feature, define the primary language of the document so screen readers can correctly read the content. Simple text-based documentation formats such as Notepad do not provide options to define the document language.


Recommended development techniques

The techniques above are required; the following techniques are recommended to enhance accessibility:


Required test techniques

Test the documentation to ensure that it complies with accessibility requirements.

Reminder: These are generic techniques for testing documentation. For Lotus Symphony Documents, Lotus Symphony Presentations, Lotus Symphony Spreadsheets, PowerPoint, Word and Excel documents use the test techniques listed on those technique pages.

Best practice: It is highly recommended that you complete all other testing and fix all known errors before testing with a screen reader. This will reduce the number of screen reader issues.

Use the expected presentation mode for your document when testing with a screen reader. For example, use Microsoft Powerpoint slideshow mode for testing PowerPoint presentations.

Required test software


Techniques

The following techniques are required to verify this checkpoint:
  Action Result
1. Using the documented development (authoring) techniques, verify the following, when applicable:
  1. Verify the document language is set properly, if option is available.
  2. Verify all images have meaningful alternative text, or null alt text for decorative or redundant images.
  3. Verify that for all complex images, a text alternative is provided to fully describe the meaningful information, and the alt text for the image describes where to find the full text alternative.
  4. Verify that structural elements are coded using the proper structures, according to the document type. (Headings, lists, data tables, etc. are coded using the proper structural tags, and not with formatted text.)
  5. Verify that link text is meaningful for all links and unique for each different link.
  6. Verify the reading order, Tab order is set properly, in cases where that can be determined.
  7. Verify for long documents, a long document navigation method is provided.

Pass:

Fail:

2. Verify keyboard navigation for embedded elements that are not controlled by the document application. (For example, if you embed a video object in a document, the editor does not control the video element.)
  1. Verify that you can navigate to the embedded element from the document body, and then back to the document body using the keyboard, with no mouse interaction required.
  2. Verify that all user controls provided for the embedded element can be controlled using the keyboard, with no mouse interaction required.

Pass:

Fail:

3. Verify the following text formatting and color requirements.
  1. Verify that color is never used as the only way to convey meaning
  2. Verify that text formatting is never used as the only method to convey information
  3. Verify that sufficient contrast is provided by default between the text and the page background. The background color should provide sufficient contrast, and no patterned backgrounds should be used.

Pass:

Fail:

4. Verify that no content flashes or blinks at a rate faster than two times per second.

Here is how to test this:
  1. Count the number of blinks that occur in one second (or count the number of blinks in 10 seconds and divide by 10).
  2. Verify that no more than two blinks per second occur.
  3. If an element is blinking or flashing, but at a rate too fast to count, it is a violation of this requirement.

Pass:

Fail:

5. Using a screen reader, verify the following.
  1. The document has a logical reading order.
  2. When text links are used, the purpose of each link is clear from the link text.
  3. For all meaningful images, the screen reader announces a short text alternative with equivalent meaning.
  4. For decorative images, or images used only for visual formatting, screen reader ignores the image.
  5. The screen reader announces text equivalents for any other important non-text elements.
  6. When navigating a form, the screen reader announces labels associated with form fields and control elements.
  7. All document structure elements are recognized and announced by the screen reader (when screen reader support is available). For example: Headings, Lists, Tree structures.
  8. The screen reader announces column and row headers for simple and complex tables. If the screen reader cannot announce the headers, the table must be small enough to allow the reader to mentally keep track of the rows and columns. This means the table must be very small (usually 4 simple columns or less).

Pass:

Fail:



©2009 IBM Corporation

Last updated October 1, 2009