Web Guide  > webguide > 1. Introduction > 1.3 An introduction to Web accessibility at FAO

1.3 An introduction to Web accessibility at FAO

Web accessibility means that people with disabilities can use the web.
Disabilities that affect access to the Web include visual, auditory, physical, speech, cognitive and neurological disabilities.

Web accessibility also benefits people without disabilities. For example, a key principle of accessibility is designing Web sites and software that are flexible enough to meet different user needs, preferences, and situations.

This flexibility thus benefits other users, such as people using a slow Internet connection, people using new technologies such as iPhones, people with temporary disabilities such as a broken arm and people with changing abilities due to aging.

The W3C Web Accessibility Initiative (WAI) has developed guidelines that are considered the international standard for Web accessibility. Their Web Content Accessibility Guidelines (WCAG) -- now in version 2.0 -- defines how to make Web content more accessible to people with disabilities.

They are designed to apply broadly to different Web technologies now and in the future, and to be testable with a combination of automated testing and human evaluation.

WCAG 2.0 has 12 guidelines that are organized under 4 principles: perceivable, operable, understandable, and robust.
For each guideline, there are testable success criteria, which are at three levels: A, AA, and AAA.

The FAO Web Content Accessibility Guidelines have been derived from WCAG 2.0 because they have been established as a stable, referenceable technical standard.

Web accessibility at a glance

Perceivable

  • Provide text alternatives for non-text content.
  • Provide captions and alternatives for audio and video content.
  • Make content adaptable and make it available to assistive technologies.
  • Use sufficient contrast to make things easy to see and hear.

Operable

  • Make all functionality keyboard accessible.
  • Give users enough time to read and use content.
  • Do not use content that causes seizures.
  • Help users navigate and find content.

Understandable

  • Make text readable and understandable.
  • Make content appear and operate in predictable ways.
  • Help users avoid and correct mistakes.

Robust

  • Maximize compatibility with current and future technologies.

Quick tips

  1. Images & animations:

    Use the alt attribute to describe the function of each visual.
  2. Image maps:
    
Use the client-side map and text for hotspots.
  3. Multimedia:

    Provide captioning and transcripts of audio, also descriptions of video.
  4. Hypertext links:

    Use text that makes sense when read out of context. For example, avoid "click here."
  5. Page organization:

    Use headings, lists and consistent structure. Use CSS for layout and style where possible.
  6. Graphs & charts:

    Summarize or use the longdesc attribute (e.g. for the hunger map).
  7. Scripts, applets & plug-ins:

    Provide alternative content in case active features are inaccessible or unsupported.
  8. Tables:
    
Make line-by-line reading sensible. Summarize.
  9. Check your work:

    Validate. Use tools, checklist and guidelines at http://www.w3.org/TR/WCAG