old-www/HOWTO/Accessibility-Dev-HOWTO/x59.html

810 lines
15 KiB
HTML

<HTML
><HEAD
><TITLE
>Guidelines for Developing Accessible Applications</TITLE
><META
NAME="GENERATOR"
CONTENT="Modular DocBook HTML Stylesheet Version 1.76b+
"><LINK
REL="HOME"
TITLE="How to Develop Accessible Linux Applications"
HREF="index.html"><LINK
REL="PREVIOUS"
TITLE="Developing Accessible Applications"
HREF="x36.html"><LINK
REL="NEXT"
TITLE="Additional Resources:"
HREF="x328.html"></HEAD
><BODY
CLASS="sect1"
BGCOLOR="#FFFFFF"
TEXT="#000000"
LINK="#0000FF"
VLINK="#840084"
ALINK="#0000FF"
><DIV
CLASS="NAVHEADER"
><TABLE
SUMMARY="Header navigation table"
WIDTH="100%"
BORDER="0"
CELLPADDING="0"
CELLSPACING="0"
><TR
><TH
COLSPAN="3"
ALIGN="center"
>How to Develop Accessible Linux Applications</TH
></TR
><TR
><TD
WIDTH="10%"
ALIGN="left"
VALIGN="bottom"
><A
HREF="x36.html"
ACCESSKEY="P"
>Prev</A
></TD
><TD
WIDTH="80%"
ALIGN="center"
VALIGN="bottom"
></TD
><TD
WIDTH="10%"
ALIGN="right"
VALIGN="bottom"
><A
HREF="x328.html"
ACCESSKEY="N"
>Next</A
></TD
></TR
></TABLE
><HR
ALIGN="LEFT"
WIDTH="100%"></DIV
><DIV
CLASS="sect1"
><H1
CLASS="sect1"
><A
NAME="AEN59">3. Guidelines for Developing Accessible Applications</H1
><P
> The following sections contain guidelines and tests that developers can use to create more accessible applications. Use Pass, Fail, or Pending as a rating system for each item.</P
><DIV
CLASS="sect2"
><H2
CLASS="sect2"
><A
NAME="AEN62">3.1. Keyboard Navigation</H2
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN64">3.1.1. Guidelines</H3
><P
>The following keyboard navigation settings and sequences can cause accessibility problems. You should confirm that:</P
><P
></P
><UL
><LI
><P
>Efficient keyboard access is provided to application features.</P
></LI
><LI
><P
>A logical keyboard navigation order has been implemented.</P
></LI
><LI
><P
>The correct tab order is used for controls that are dependent on check boxes, radio buttons, or toggle state.</P
></LI
><LI
><P
>Keyboard access does not override existing accessibility features.</P
></LI
><LI
><P
>The application provides more than one method to perform keyboard tasks whenever possible.</P
></LI
><LI
><P
>There are alternate key combinations whenever possible.</P
></LI
><LI
><P
>There are no awkward reaches for frequently performed keyboard operations.</P
></LI
><LI
><P
>The application does not use repetitive, simultaneous key presses.</P
></LI
><LI
><P
>The application provides keyboards equivalents for all mouse functions.</P
></LI
><LI
><P
>The application does not use any general navigation functions to trigger operations.</P
></LI
><LI
><P
>All the keyboard invoked menus, windows, and tool tips appear near the object they relate to.</P
></LI
></UL
></DIV
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN90">3.1.2. Tests</H3
><P
>Run the following keyboard tests without using the mouse for all actions. Using only the keyboard commands, move the focus through all menus in the application. You should verify that:</P
><P
></P
><UL
><LI
><P
>Context sensitive menus display correctly.</P
></LI
><LI
><P
>Any functions listed on the tool bar can be performed using the keyboard.</P
></LI
><LI
><P
>You can operate every control in the client area of the application and dialog boxes.</P
></LI
><LI
><P
>Text and objects within the application can be selected.</P
></LI
><LI
><P
>Any keyboard enhancements or shortcuts are working as designed.</P
></LI
></UL
></DIV
></DIV
><DIV
CLASS="sect2"
><H2
CLASS="sect2"
><A
NAME="AEN104">3.2. Mouse Interaction</H2
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN106">3.2.1. Guidelines</H3
><P
>The following are mouse button actions and sequences that cause accessibility problems. You should confirm that:</P
><P
></P
><UL
><LI
><P
>There is no input dependent on mouse button two or three.</P
></LI
><LI
><P
>All mouse operations can be canceled.</P
></LI
><LI
><P
>There is visual feedback throughout a drag and drop operation.</P
></LI
></UL
></DIV
></DIV
><DIV
CLASS="sect2"
><H2
CLASS="sect2"
><A
NAME="AEN116">3.3. Graphical Elements and Objects</H2
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN118">3.3.1. Guidelines</H3
><P
>The following are graphical element attributes, object attributes, and naming conventions that are needed for accessibility. You should confirm that:</P
><P
></P
><UL
><LI
><P
>There are no hard-coded graphical attributes, such as, lines, borders, or shadow thickness.</P
></LI
><LI
><P
>There are descriptive names for all application program interface (API) objects.</P
></LI
><LI
><P
>All multi-color graphical elements can be adjusted to monochrome only, whenever possible.</P
></LI
><LI
><P
>All interactive graphical user interface (GUI) elements are easily identifiable.</P
></LI
><LI
><P
>An option to hide non-essential graphics has been provided.</P
></LI
></UL
></DIV
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN132">3.3.2. Tests</H3
><P
>Test the application using a screen reader and verify that:</P
><P
></P
><UL
><LI
><P
>Labels and text are being read correctly, including menus and tool bars.</P
></LI
><LI
><P
>Object information is read correctly.</P
></LI
></UL
></DIV
></DIV
><DIV
CLASS="sect2"
><H2
CLASS="sect2"
><A
NAME="AEN140">3.4. Fonts and Text</H2
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN142">3.4.1. Guidelines</H3
><P
>The following are font and text styles, attributes, and labels that cause accessibility problems. You should confirm that:</P
><P
></P
><UL
><LI
><P
>All the font styles and sizes are not hard-coded.</P
></LI
><LI
><P
>An option to turn off graphical backdrops has been provided.</P
></LI
><LI
><P
>All label objects have names that make sense when taken out of context.</P
></LI
><LI
><P
>There are no label names that have been used more than once in the same window.</P
></LI
><LI
><P
>There is consistency with label positioning throughout the application.</P
></LI
><LI
><P
>When using static text as a label for a control, the label immediately precedes the control in tab order.</P
></LI
><LI
><P
>An alternative to what you see is what you get (WYSIWYG) is provided.</P
></LI
></UL
></DIV
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN160">3.4.2. Tests</H3
><P
>Run the following tests to confirm that font size and settings are maintained.</P
><P
></P
><UL
><LI
><P
>Change the font in the application and confirm that the changes apply only to the application and not the desktop environment.</P
></LI
><LI
><P
>Change colors within the application and confirm that the changes apply only to the application and not the desktop environment.</P
></LI
><LI
><P
>Run a screen magnification program and test the font, color, and size of text when being viewed through a magnifier.</P
></LI
></UL
></DIV
></DIV
><DIV
CLASS="sect2"
><H2
CLASS="sect2"
><A
NAME="AEN170">3.5. Color and High Contrast Settings</H2
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN172">3.5.1. Guidelines</H3
><P
>The following are color and high contrast guidelines for the application environment. You should confirm that:</P
><P
></P
><UL
><LI
><P
>The application color is not hard-coded and can be changed.</P
></LI
><LI
><P
>Color is used as an enhancement and not the only way to convey information.</P
></LI
><LI
><P
>The application supports various high contrast settings (For example, black on white, or white on black).</P
></LI
><LI
><P
>The application is not dependent on a particular high contrast setting.</P
></LI
></UL
></DIV
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN184">3.5.2. Tests</H3
><P
>Run the following tests and verify that:</P
><P
></P
><UL
><LI
><P
>All information is available by printing a screen shot to a black and white printer.</P
></LI
><LI
><P
>All information is conveyed correctly when settings are set to only black and white or high contrast.</P
></LI
><LI
><P
>At least three high contrast schemes are available, and they function correctly.</P
></LI
><LI
><P
>High contrast settings in the desktop environment are respected by the application (For example, the window bar and font colors that are set by the desktop environment do not change).</P
></LI
></UL
></DIV
></DIV
><DIV
CLASS="sect2"
><H2
CLASS="sect2"
><A
NAME="AEN196">3.6. Magnification</H2
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN198">3.6.1. Guidelines</H3
><P
>The following magnification functions should be built into the application. You should confirm that:</P
><P
></P
><UL
><LI
><P
>The application provides the ability to magnify the work area.</P
></LI
><LI
><P
>The application has the option to scale the work area.</P
></LI
><LI
><P
>The applications not adversely effected by changing the magnification settings.</P
></LI
></UL
></DIV
></DIV
><DIV
CLASS="sect2"
><H2
CLASS="sect2"
><A
NAME="AEN208">3.7. Audio</H2
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN210">3.7.1. Guidelines</H3
><P
>The following are guidelines for audio output. Using a screen reader, confirm that:</P
><P
></P
><UL
><LI
><P
>The user can hear all required audio output.</P
></LI
><LI
><P
>Audio is not the only means that the information is conveyed. </P
></LI
><LI
><P
>The user can configure frequency and volume on all audio alerts and sounds.</P
></LI
></UL
></DIV
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN220">3.7.2. Tests</H3
><P
>The application should have an option to show audio alerts and sounds visually. Test that the audio is working correctly with sound enabled. Verify that:</P
><P
></P
><UL
><LI
><P
>The application is working as designed when the user performs an action that generates an audio alert.</P
></LI
><LI
><P
>The application works correctly when increasing or decreasing the volume.</P
></LI
><LI
><P
>Warning messages and alerts can be heard correctly in a noisy work environment.</P
></LI
></UL
></DIV
></DIV
><DIV
CLASS="sect2"
><H2
CLASS="sect2"
><A
NAME="AEN230">3.8. Animation</H2
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN232">3.8.1. Guidelines</H3
><P
>The following are guidelines for all animation that is included in the application. You should confirm that:</P
><P
></P
><UL
><LI
><P
>There are no blinking elements with a frequency greater then 2 Hertz (Hz) and lower then 55Hz.</P
></LI
><LI
><P
>There are no large areas that flash or blink.</P
></LI
></UL
></DIV
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN240">3.8.2. Tests</H3
><P
>Run the following tests on applications that include animation. You should verify that:</P
><P
></P
><UL
><LI
><P
>An option is available to stop or turn off animation.</P
></LI
><LI
><P
>When the animation is turned off it is working correctly.</P
></LI
></UL
></DIV
></DIV
><DIV
CLASS="sect2"
><H2
CLASS="sect2"
><A
NAME="AEN248">3.9. Focus</H2
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN250">3.9.1. Guidelines</H3
><P
>Focus is determined by the location of the cursor as the user moves through the application or display panels. The following are guidelines for focus within the application. You should confirm that:</P
><P
></P
><UL
><LI
><P
>Focus starts at the most commonly used controls.</P
></LI
><LI
><P
>The current input focus is clearly displayed at all times.</P
></LI
><LI
><P
>The input focus is in the active display panel.</P
></LI
><LI
><P
>The appropriate feedback is provided when the user attempts to navigate past the end of a group of related objects.</P
></LI
><LI
><P
>The default audio alert is played when the user presses an inappropriate key.</P
></LI
></UL
></DIV
></DIV
><DIV
CLASS="sect2"
><H2
CLASS="sect2"
><A
NAME="AEN264">3.10. Visual Focus Indicator</H2
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN266">3.10.1. Guidelines</H3
><P
>The visual focus indicator tells the user the position of the cursor and provides enough information, so the user understands what to do next. The following are guidelines for the visual focus indicator. You should confirm that:</P
><P
></P
><UL
><LI
><P
>There is sufficient audio information for the visual focus indicator, so the user can figure out what to do next.</P
></LI
><LI
><P
>Screen readers and Braille devices can confirm the current cursor position within the application and read the content of the visual focus indicator.</P
></LI
></UL
></DIV
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN274">3.10.2. Tests</H3
><P
>Test the following using a screen reader or Braille device. You should verify that:</P
><P
></P
><UL
><LI
><P
>When moving among objects the visual focus indicator is easy to identify. </P
></LI
><LI
><P
>Keyboard navigation through the application menus is clearly visible when the focus moves.</P
></LI
><LI
><P
>The screen reader or Braille device is tracking the visual focus indicator as you navigate using a keyboard.</P
></LI
><LI
><P
>When running a screen magnification program that the magnifier can track the visual focus indicator accurately as you navigate using the keyboard and mouse.</P
></LI
></UL
></DIV
></DIV
><DIV
CLASS="sect2"
><H2
CLASS="sect2"
><A
NAME="AEN286">3.11. Timing</H2
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN288">3.11.1. Guidelines</H3
><P
>The following guidelines apply to timing options built-in to the application. You should confirm that:</P
><P
></P
><UL
><LI
><P
>There are no hard-coded timeouts or other time-based features.</P
></LI
><LI
><P
>There are no objects that display briefly and then hide information based on the movement of the mouse pointer.</P
></LI
></UL
></DIV
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN296">3.11.2. Tests</H3
><P
>Test the following for timing related to your application. You should verify that:</P
><P
></P
><UL
><LI
><P
>The user is notified before a message times out and is given the option to indicate that more time is needed.</P
></LI
><LI
><P
>An option is available to adjust the response time and confirm that it is working as designed.</P
></LI
></UL
></DIV
></DIV
><DIV
CLASS="sect2"
><H2
CLASS="sect2"
><A
NAME="AEN304">3.12. Documentation</H2
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN306">3.12.1. Guidelines</H3
><P
>The following are guidelines for writing accessible documentation:</P
><P
></P
><UL
><LI
><P
>All documentation is in an accessible format (For example, HTML, or text).</P
></LI
><LI
><P
>Documentation is available on all accessibility features of the application.</P
></LI
><LI
><P
>State if the application does not support the standard keyboard access that is used by the operating system.</P
></LI
><LI
><P
>Identify if there are unique keyboard commands.</P
></LI
><LI
><P
>Identify and explain all accessibility features.</P
></LI
><LI
><P
>When documenting mouse actions, include the alternative keyboard action as well.</P
></LI
></UL
></DIV
><DIV
CLASS="sect3"
><H3
CLASS="sect3"
><A
NAME="AEN322">3.12.2. Tests</H3
><P
>Run the following test to verify that the documentation is available and accessible.</P
><P
></P
><UL
><LI
><P
>Open a help file while in the application using a screen reader or Braille device and confirm the information is accessible, clear, and precise.</P
></LI
></UL
></DIV
></DIV
></DIV
><DIV
CLASS="NAVFOOTER"
><HR
ALIGN="LEFT"
WIDTH="100%"><TABLE
SUMMARY="Footer navigation table"
WIDTH="100%"
BORDER="0"
CELLPADDING="0"
CELLSPACING="0"
><TR
><TD
WIDTH="33%"
ALIGN="left"
VALIGN="top"
><A
HREF="x36.html"
ACCESSKEY="P"
>Prev</A
></TD
><TD
WIDTH="34%"
ALIGN="center"
VALIGN="top"
><A
HREF="index.html"
ACCESSKEY="H"
>Home</A
></TD
><TD
WIDTH="33%"
ALIGN="right"
VALIGN="top"
><A
HREF="x328.html"
ACCESSKEY="N"
>Next</A
></TD
></TR
><TR
><TD
WIDTH="33%"
ALIGN="left"
VALIGN="top"
>Developing Accessible Applications</TD
><TD
WIDTH="34%"
ALIGN="center"
VALIGN="top"
>&nbsp;</TD
><TD
WIDTH="33%"
ALIGN="right"
VALIGN="top"
>Additional Resources:</TD
></TR
></TABLE
></DIV
></BODY
></HTML
>