editoria11y module

Editoria11y Accessibility Checker

Description

Adds a front-end overlay to content pages on a drupal site for editors to see issues that are present within the content.

Pros/Cons

Pros

Cons

Pros

Cons

  1. Works out of the box

  2. Additional configuration is easy (options to skip certain sections or to add alert for manual review of certain content)

  3. Report lets you review old dismissed issues and current issues according to page

  4. Errors are easy to see on the page with easy navigation between errors

  5. Provides easy-to-understand explanations of the a11y issues and how to fix them

  6. Labeled ‘read more’ link and skipped headings

  7. Shows a list of all alt text on the page to be reviewed

  8. Shows the page outline making it easy to check hierarchy

  9. Detected table without headers

  10. detects empty links

  11. Detects all caps text

  1. I added multiple H1s but it didn’t flag them

  2. Doesn’t detect contrast errors

Conclusion

I think it serves the purpose of alerting and educating site editors on what to look for when adding content. Contrast can be easily checked using other tools. H1 is not generally allowed to be added in the WSIWYG, but if it is, than this is the only issue that would be missed by the module. We might be able to get in touch with the maintainers and flag this issue.

It already found some issues on KCOM that I never knew about. Card links with images should have the image’s alt text describe the link and not be a detailed description of the image because it only confuses users of screen readers with unnecessary information.