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.
kittygiraudel.com
Kitty’s website almost meets grade AA overall with a simple but well-structured layout with good use of landmarks and meaningful link text. The main reason for failing to meet grade AA is due to poor colour contrast on some of the text which has a linear gradient with bright pink against a white background.
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.