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.
Georgie’s website very nearly meets grade AA overall. The website has consistent accessible features throughout. Areas for improvement include the checkout payment form which is missing some visible focus states and input fields without sufficient colour contrast for the foreground and background. Also, it would be great to have full text alternatives for the poetry previews.
Älvstranden Utveckling’s website almost meets grade AA overall, with clearly visible focus states for controls and links, as well as good structured markup and spacing. The one significant failure is for video content accessed through a dialog which includes a keyboard trap due to the content behind the active dialog remaining focusable.
Axess Lab meets grade AA overall with a logical layout of landmarks, colour palette choice and addition of enhanced focus state outlines for most elements. One isolated issue which might fail some audits is the email sign-up field which doesn’t have a clear focus indicator such as an outline for high contrast modes.
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.
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.
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.