Accessability

Our goal is to make this theme fully AA accessible. In some cases where we can, we also try to reach AAA.

Example

In this site, we have used a primary colour which is green #008577 this should pass the AA check, and AAA for headings, but it fails AAA for normal sized text on a white background. So we try to use black or dark grey for normal sized text.

WCAG 2.1 Checklist

Other resources:

use for class ‘screen-reader-text’ for text in icon links

to improve ‘read/learn more’ links

<a href="#">Learn more<span class="screen-reader-text"> about <?php the_permalink(); ?></span></a>

Focus States

Tab Order

remove unnessesary read/learn more links

In archives, each item should only have one link as not to duplicate for screen readers

reduce pop-ups/modal usage with links to search rather than show/hide js