A11Y Websites
Showcase of accessible websites.
These websites have been assessed through both automated and manual testing against the success criteria set out in the Website Content Accessibility Guidelines (WCAG) 2.1 to grade AA and above.
scottohara.me
Scott O’Hara’s website meets grade AA overall. Navigation is simple to locate throughout, including bypass links to jump straight to the main content or return to the header.
aditus.io
Aditus’ website meets grade AA overall. Everything including presentations, diagrams and SVG graphics are made to be accessible and without compromising on well-thought-out, contemporary design principles.
danabyerly.com
Dana Byerly’s website meets grade AA overall. It has a consistent layout and presentation of links throughout with clear focus states and meaningful sequence to read content.
whizz-kidz.org.uk
Whizz Kidz overall meets AA criteria with great attention to detail using well contrasting colours, clear, well spaced out content and navigational aids.
lucid-fox.com
Lucid Fox meets grade AA overall. Areas that could be tweaked and improved: the footer is contained inside another footer landmark which might cause some confusion for some screen reader users. Additionally, some headings use a gradient background for text colour which periodically transitions to bright orange, that could arguably fail an audit on colour contrast.
wcagaccess.com
WCAG Accessibility almost meets grade AA overall and looks like a helpful website to follow for accessibility-related articles. Areas to address for compliance include reflow issues for smaller screens or at increased zoom level. Additionally, the menu and search button toggles use an
aria-expandedproperty which doesn’t update correctly.