Supporting Blind Ability

#a11y logo for Accessibility

WAI-ARIA

TIPS

  • Ensure fields are properly labelled using <label for=“id”>, aria-label or aria-labelledby
  • Layout page using HTML5 sections and ARIA landmark roles (http://www.w3.org/TR/wai-aria/roles#landmark_roles).
  • Provide 1 <main role=“main”>, navigation regions should have role=“navigation” and search regions role=“search”. Provide unique names through aria-label.
  • Provide relationships to instructions and other text through aria-labelledby or aria-describedby
  • Alert the user of changes using role=”alert”.
  • Ensure links have meaningful link text.
  • Ensure headings are coded as heading and lists as list.
  • Markup tables with scope, caption and summary. See WCAG 2.0 1.3.1.
  • Follow ARIA Design Patterns (http://www.w3.org/TR/wai-aria-practices/#aria_ex) to define keyboard interaction.

Testing

Resources

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s