Delaware State Website Accessibility


The Delaware state information technology department mandated that all websites meet WCAG accessibility requirements.


Previously in my career, I was only aware of accessibility through using alt tags in images. The accessibility mandate that was instituted introduced me to the much deeper and substantive world of website accessibility.

We started doing internal audits of websites that we previously built and then engaged in step-by-step remediation. We started with automated testing which checked for things like color contrast and semantic HTML. We have since incorporated doing manual testing with keyboard-only site navigation and screenreader testing.

Accomplishments

  • Fixed color contrast accessibility issues in the shared header and footer of all state government websites
  • Increased the use of semantic HTML, including landmarks
  • Started the process of creating accessible design patterns and implementing them in parallel with converting WordPress websites from using the classic editor to Gutenberg blocks.
  • Taking everything that we're doing and preparing to incorporate it into the creation of an accessible design system

Accessibility Testing Tools Used

  • WebAIM WAVE
  • ANDI Accessibility Testing Tool
  • axe DevTools
  • VoiceOver for Mac and iPhone

Development Tools Used

  • HTML and CSS
  • JavaScript and PHP for WordPress Gutenberg core block varation and pattern development