Navigation path

10 golden rules in accessible Web design

Check and apply 10 golden rules that solve 80% of the accessibility barriers when correctly applied.

The guide "Accessible Web Design Best PracticesdocRestricted area: This link points to internal pages and may not work if you are browsing as an external user." provides a set of best practices on site design and the accessibility features of specific content technologies. It will help you to ensure the accessibility of your web site.



Provide text alternatives

  • Non-text content (images, audio and video…)
  • Equivalent purpose
  • Multiple ways of providing alternatives
  • CAPTCHA needs accessible alternatives
  • Decorative content
  • Images of text

Structure contents

  • Headings
  • Lists
  • Data tables
  • Markup vs. style sheets
  • Resize text
  • Bypass blocks

Avoid dependence on a single sense

  • Captions and audio descriptions
  • Use of colour
  • Sensory characteristics
  • Contrast
  • Background audio

Make all functionalities keyboard accessible

  • Keyboard access
  • No keyboard trap
  • Focus order and visibility
  • Unexpected behaviour
  • Drop down menus, accordions, carousels…

Give users enough time

  • Timing adjustable
  • Automatic redirections
  • Long processes
  • Banners

Avoid interferences

  • Seizures and flashes
  • Audio control
  • Blinking, moving, auto-updating
  • Opening new windows
  • Unexpected behaviour

Identify hyperlinks and contents

  • Link purpose
  • Page titles
  • Language of page and parts
  • Form labels
  • Section headings
  • Opening new windows

Make navigation interfaces consistent

  • Consistent navigation
  • Consistent identification
  • Multiple ways
  • Information architecture

Help users avoid mistakes

  • Labels and instructions
  • Error identification
  • Error suggestion
  • Error prevention
  • Good information architecture

Ensure compatibility

  • Web standards and code validation
  • Accessible use of technologies
  • User tests
  • JavaScript, PDF and Flash
  • WAI-ARIA: Accessible Rich Internet Applications