accessibleweb

The Accessible Web A11Y Center Plugin is a quick and easy way to add the Accessible Web A11Y Center to you website with just an api key. # Installation After installing the plugin via the WordPress plugin repository navigate to: Settings -> A11Y Center Under API_KEY enter your API Key from the Accessible Web RAMP. Click save and you are ready to go!

Accessible Web A11Y Center

The Accessible Web A11Y Center Plugin is a quick and easy way to add the Accessible Web A11Y Center to you website with just an api key.

Matt Rose

Graham Armfield

Flag up potential accessibility issues when your content authors preview the post or page that they have just added or amended.
Currently contains checks for:
<ul>
<li>Images with empty alt attributes</li>
<li>Links that open new windows</li>
<li>Links that have a title attribute</li>
<li>images that have no alt attribute</li>
<li>images that have the title attribute</li>
<li>svg files that don`t have role=”img”</li>
<li>inline svgs that don`t have role=”img”</li>
<li>empty headings</li>
<li>empty links</li>
<li>empty buttons</li>
<li>empty headings</li>
<li>empty table header cells</li>
<li>empty table data cells</li>
</ul>
Flags each element found with an outline. Where possible explains what the issue is on the page.
Can be configured to only be visible to certain user roles.
Site visitors who are not logged in will not see the potential issues.
Based on the work from <a href="https://github.com/grahamarmfield/wp-preview-csshacks" rel="nofollow ugc">Graham Armfield’s CSS tool for highlighting accessibility issues</a>

Content Author Accessibility Preview

Flag up potential accessibility issues when your content authors preview the post or page that they have just added or amended

Accessible Web A11Y Center vs Content Author Accessibility Preview