AuRise Accessibility Checker AuRise Accessibility Checker

AuRise Accessibility Checker

Created by: AuRise Creative

Rating:
Downloaded: 790 times
#a11y#accessible#ada#section-508#wcag
Code

The internet is a wonderful place but not all websites are accessible to everyone. This plugin aims to help WordPress website owners test, check, and QA their websites for improvements on making them accessible.

What does it do?

This plugin adds tota11y®, an accessibility visualization toolkit, to the frontend of your website for site admins so you can easily see it marked up with annotations on where your site fails and succeeds in addressing accessibility.

What is Tested?

Headings

Highlights headings (<h1>, <h2>, etc.) and order violations

Contrast

Labels elements with insufficient Contrast

Link Text

Identifies links that may be confusing when read by a screen reader

Labels

Identifies inputs with missing labels

Image alt-text

Annotates images without alt text

Landmarks

Labels all ARIA landmarks

Screen Reader Wand (Experimental)

Hover over elements to view them as a screen reader would

Screenshots

  • Close-up of the tota11y widget
  • Screenshot of author's homepage with a red arrow drawn over to point to the widget fixed to the bottom left of the browser window
  • Screenshot of the author's homepage with the tota11y widget menu opened showing the available features to test: headings, contrast, link text, labels, image alt-text, landmarks and screen reader wand (experimental)
  • Screenshot of the author's homepage with the headings feature enabled. The screenshot is annotated with a red circle over the headings option in the menu showing it is checked and red arrows pointing to the headings summary along with the display of headings on the page itself that match the indented list in the summary tab.
  • Screenshot of the author's homepage with the contrast feature enabled. The screenshot is annotated with a red circle over the contrast option in the menu showing it is checked and red arrows pointing to the contrast ratio calcuations that appear around various elements. A calcuation in green shows that it passes validation while one in red shows it fails.
  • Screenshot of the author's homepage with the landmarks feature enabled. The screenshot is annotated with a red circle over the landmarks option in the menu showing it is checked and red circles around the yellow labels displaying landmarks discovered on the webpage.
  • An animated GIF image showing the author's homepage with the screen reader wand enabled. The looping GIF image shows a cursor moving around the page, showing how a blue box highlights various elements on the page while it also displays the screen-reader friendly text from that element in the bottom right box.
  • Screenshot of the settings screen in the WordPress backend. It shows the default settings where "Enabled" is turned on, "Allowed User Roles" is set to "administrator" and "Debug Mode" is turned off.

Categories

seogoogle-analyticsbackupscachingsecurityformspopupsgalleriessocial-mediacalendarmembershipdirectorybooking

Get New Themes & Resources