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.
lewiscowles.co.uk
Lewis Cowles’ website almost meets grade AA overall, with the exception of some colour contrast issues on some of the links placed in the footer.
jamesg.blog
James’ Coffee Blog website almost meets grade AA overall, with the exception of some reflow issues on multiple pages and some incorrect use of ARIA roles. The simple, consistent colour palette and clear focus states provide for good contrast between links, form fields and other content.
hey.georgie.nu
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.
alvstranden.com
Ä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.
axesslab.com
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.
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.
