The Chrome Extensions
Look, people, we are all busy. I’m going to share with you my top 5 chrome extensions you’ll need to help improve your accessibility testing.
#1 – Web Developer by Chris
This tool will let you highlight different items on the page to help you while you’re testing. How do I use it for A11Y testing? Let me tell you! For starters, I use the information tab so much when I need to take a screenshot with details. For example, suppose I was testing a website with positive tabindex issues. In that case, I could use the “display tab index” button to visually highlight those issues on the page and take a screenshot while the chrome extension is active. My favorite buttons:
- Display tabindex
- Display table-depth
- Outline tables
- Outline images without alt text
- Find duplicate id’s
#2 – Grammarly
Grammarly is just a beast of a grammar tool. If you struggle with writing as I do, you’ll greatly benefit from this issue as you’re typing/explaining the accessibility bugs. In this example, I’m assuming you’re filing/creating tickets. But regardless, this tool will significantly increase your writing. Having poor writing reduces the readability and makes your bugs seem unprofessional.
#3 – Clipboard History Pro
This tool is a clipboard manager. Basically, every time you copy something on a keyboard, it will save. This is super useful for version control, I can’t tell you how many times I’ve deleted something I was typing and I had it saved in my clipboard history. It’s also a useful tool for concatenation (grouping items together), this tool will let you copy multiple items together and then bundle them up as one group. This is useful since as an accessibility specialist you’re constantly having to file issues, it will save you time from copying/repeating the same thing over and over again.
#4 – Accessible Color Picker by Level Access
This tool is a color picker. It will help you test the color contrast of items on a page. It’s pretty straightforward there. But one reason that I like it is how easy it is to use and how quick. I usually refer to the webaim webpage, but I hate having to open a new page every time. Chrome extensions are just more efficient.
#5 – Any A11y Automatic testing tool
This one is just a given. We should always test automatic tools when we can. Here are a few.
These are just my top 5 picks for accessibility testing to help you in your journey. As always accessibility testing is a really detailed process so always check those tools to confirm they’re really issues and continue manual testing each time. Tools can’t replace humans!
If you have any chrome extensions you think would be great to add, please reach out to me on Linkedin or on Github!
Thanks for reading!