Linder Accessibility

Web accessibility examples

• Language
  • Without language attribute
  • With language attribute
• Text Equivalents
  • Icon fonts without text equivalents
  • Icon fonts with text equivalents
• Visibility
  • Visible off-screen elements
  • Hidden off-screen elements
• ARIA
  • Without aria-expanded attribute
  • With aria-expanded attribute
• Forms
  • Simple static sample form

Useful links

• Mozilla Developer Network's Mobile accessibility checklist
• Inclusive Components
• HeydonWorks' Practical ARIA Examples
• Accessibility Wins
• outlinenone.com
• webbriktlinjer.se
• Web Accessibility Initiative (WAI)
• WCAG 2.0 (Web Content Accessibility Guidelines)
• The W3C Markup Validation Service
• Writing HTML with accessibility in mind
• Writing CSS with accessibility in mind
• Writing JavaScript with accessibility in mind
• #a11y