Babylon-flavoured Tota11y One-stop Turnkey Enterprise Visual Accessibility Checking Solution
Tota11y is a simple tool to visualise the most widespread web accessibility errors in a non overwhelmingly-techy
way. You can read the instructions.
Drag this link to your Firefox/ Chromium/ Safari bookmarks bar:
See code on Github.
Version 1.1 ("Rusty trombone")
New naming convention replaces adjective+animal I've never eaten. Version 1+ are adjective+musical instrument I've never tried to play.
- Tweaked CSS to never transform text style. (whitehouse.gov was setting all labels to be uppercase)
- Main overlay now has scroll:auto
Version 1! ("Justifiably melancholic otter")
Tarted up the design so it has a nice border and will show up against dark cookie banners etc.
Version 0.7 ("Psychopathic tapeworm")
- Contrast checker now ignores transparent (therefore, invisible) text, eg on Amazon, Guardian
Version 0.6 ("Concupiscent hedgehog")
- Empty elements plugin: downgrade empty
p and multiple
br elements to warning (was error), as they may indicate shonky CSS but aren't a disaster for a11y
- Add tests for empty nav, header, main, aside, footer, figcaption. These might be announced to screen reader users (but will be empty) and justifiably make people grumpy.
- When hovering over a tota11y label, max its z-index in case it is obscured by a nearby label in busy pages.
- Make the menu responsive when screen is zoomed to 200%
Version 0.5 ("Insouciant cormorant")
- A criminally ugly test to suppress reporting contrast violations if text is visually hidden using the common clip pattern which we use on Babylon. This is to reduce false
positives which erode trust in the test.
- Feelthy hack to fix clean-up bug in new Titles module
Version 0.4 ("Sultry panda")
Version 0.3 ("Mellifluous ostrich")
- Correct calculation of contrast ratio in the contrast module to take account of boldness of text and not just rely on font-size. (Thanks Mozilla dev
Version 0.2 ("Uninhibited gibbon")
- New module to highlight empty elements, eg heading and paragraphs, which was a constant bugbear
- Tweaked img/alt module to ask users to check accuracy of alt text (rather than perhaps falsely-reassure that presence of alt text is actually useful)
Version 0.176303987 ("Lachrymose rhinoceros")
- Add links to Babylon DNA guidance where applicable
- Split out modules into 'designers'/ content editors and Developers (was 'Experimental')
Version 0.1 ("Obstreperous lemur")
- New module to expose HTML5 landmarks (footer, header etc) and explicitly set ARIA roles (but not those that are implicit, because that's not as useful for diagnosing coder errors)
- change the name of "screenreader wand", which over-promises (screen readers often give other info about form fields, e.g. required). Don't want to suggest that Tota11y replaces testing with Assistive Technologies. added exposure of value attribute
input type=submit fields (as that is what gets exposed and wasn't being reported). Add value of
aria-describedby attributes as that is also passed to AT, especially as hints/
instructions on form fields
Forked from Khan Academy (who seem to have abandoned it) by Bruce for Babylon Health. Contains MPL 2.0 code from Firefox devtools (module plugins/contrast/index.js).