Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Accessibility Essentials

Avatar for AmyEtcetera AmyEtcetera
November 14, 2016

Accessibility Essentials

Avatar for AmyEtcetera

AmyEtcetera

November 14, 2016
Tweet

More Decks by AmyEtcetera

Other Decks in Technology

Transcript

  1. What is Accessibility? #a11y 19% of U.S. population has a

    disability. 31% of U.S. families have at least one member with a disability. ~ NCD's National Disability Policy Progress Report, October 2016 How do you build an accessible website? How do you check a site's accessibility?
  2. Building Sites • Everyone says a11y should be "baked in."

    Everyone is correct. • Consider: vision, hearing, mobility, cognition. • Who might your site visitors be? Personae. • Follow best practices: validate. • Follow guidelines: WCAG 2.0, maybe Section 508. • References, e.g. http://webaim.org/resources/evalquickref/
  3. Testing • Get others to test. • Try tab-navigating. •

    Free screen reader: NVDA. VoiceOver included in new Macs. • Toolbars/Extensions/Bookmarklets • Browser-based testing: Tenon • Paid services: Compliance Sheriff, Deque • Don't forget visual checks.