Accessibility at Vets.gov

Accessibility at Vets.gov

What is Accessibilty?

Web accessibility is the inclusive practice of removing barriers that prevent interaction with, or access to websites by people with disabilities. When sites are correctly designed, developed and edited, all users have equal access to information and functionality.

Impairments to Consider

  • Visual

  • Motor/Mobility

  • Auditory

  • Seizures

  • Cognitive/Intellectual

Our Goal - Accessibility for All

  • We work closely with 508 Office to define accessibility requirements

  • We continuously test to ensure new product updates are compliant with accessibility requirements

How we test for Accessibility

  1. Manual Testing → Keyboard navigation, screen reader compatibility

  2. Automated Testing → aXe

  3. Linting → eslint-plugin-jsx-a11y

Automated Testing Example

 

aXe

  • browser plugin
  • axe-core and axe-webdriverjs
  • axe cli

axeCheck.js

example usage

axeCheck.js

example usage

jsx-a11y

Manual Testing Example

 

  • General
    • Cross-browser test matrix
    • Sauce Labs
  • Accessibility
    • aXe (for debugging)
    • Keyboard navigation (behaves as expected)
    • Screenreader compatibility
      • Web Rotor
      • Usual VO commands

Cross browser test matrix

Keyboard navigation

Screenreader compatibility

Q&A

automated a11y

By Robbie Holmes

Made with Slides.com

automated a11y

  • 1,316

More from Robbie Holmes