Generators & Diagnosis Tools
- HTML De-crapulator - because so much HTML is full-o-crap these days.
- Role Reverser - Changes custom elements defined with roles to their native HTML equivalents
- A11y audit bookmarklets - list all the things that you just gotta get right (Buttons! Links! Titles!)
- The Ignore-a-Tron - makes you a bookmarklet to weed out elements you don't want messing up your automated tests each and every time.
- Dialog generator - creates an example of a nice, accessible dialog with which to impress your friends. Or clients. Or whatever.
- WCAG 2.0 to 2.1 resource convertor - Paste a document referencing WCAG 2.0 URLs and update to 2.1 equivalents at the press of a button.
- "Keep Me Logged in" Bookmarklet Generator - Quickly create a custom bookmarklet that you can run which will automatically click on 'Stay logged in?' buttons.
Diagnostic CSS files, includes the following:
- Reveal Roles
- Structure outliner
- ARIA pattern violations
Text Expansion macros
Possible time-savers that you can use with macOS app Keyboard Maestro, with the built-in macOS Text Replacements feature or TextExpander.
WCAG text expansions are all up-to-date with WCAG 2.2 SCs.
- Text Expansions - Keyboard Maestro
- Text Expansions - macOS Text Replacements
- Text Expansions - TextExpander
Trigger format (same for all text expansion repos above)
Note: the "Open in browser" is specific to Keyboard Maestro, is not available for TextExpander or with the macOS Text Replacements.
- HTML reference - Markdown link. Trigger format = !kbd-md
- HTML reference - Open in browser. Trigger format = !kbd--
- WCAG 2.2 - Link. Trigger format = 1.1.1-l
- WCAG 2.2 - Markdown link. Trigger format = 1.1.1-md
- WCAG 2.2 - Jira link. Trigger format = 1.1.1-jira
- WCAG 2.2 - Open in browser. Trigger format = 1.1.1--
- WCAG 2.2 - Understanding - Link. Trigger format = 1.1.1-u-l
- WCAG 2.2 - Understanding - Markdown link. Trigger format = 1.1.1-u-md
- WCAG 2.2 - Understanding - Jira link. Trigger format = 1.1.1-u-jira
Automator apps (macOS)
Apps that you may find useful for creating/managing resource directories for audits. Note that you can open them in Automator app to edit/customise to your own needs.
- Create Resources Folder - drag a text file with a list of components that you need to audit, and it will create a folder structure on the desktop.
- Trim empty folders - drag a folder on to this app and it will remove all subfolders that are empty.