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.
yasingenc.net
Yasin’s website meets grade AA overall with good colour choices, landmarks and navigational aids with visible focus states. A small but non-essential improvement for screen reader users could be to remove the word “navigation” from navigation landmarks.
almanac.httparchive.org
The Web Almanac meets grade AA overall. Navigational dropdowns function well to handle the large amount of content well for assistive technology users. Additionally, PDFs published on the site are accessible.
thesession.org
The Session website meets grade AA overall with some additional accessible features such as a bypass link for reaching the main navigation.
ohhelloana.blog
Ana Rodrigues’ website meets grade AA overall. Structure and colour choices are good along with well structured landmarks.
hiddedevries.nl
Hidde de Vries’ website almost meets grade AA overall with good colour choices and visible focus states. A few pages have low colour contrast on image captions, missing alternative text on avatars and orphaned labels for form controls. One of the headings uses
aria-labelwith text that is not presented in the same way visually. There are also some small reflow issues with overflowing content at different screen sizes and zoom levels.
francoscarpa.com
Franco Scarpa’s website nearly meets AA overall with good use of landmarks throughout and good colour choices.
