Supporting Blind Ability

#a11y logo for Accessibility



  • Ensure fields are properly labelled using <label for=“id”>, aria-label or aria-labelledby
  • Layout page using HTML5 sections and ARIA 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 ( to define keyboard interaction.



Leave a Reply

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

You are commenting using your 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 )

Connecting to %s