I used Noter Live to generate these takeawayss, post them to Twitter as a thread, and generate the HTML with Microformats 2 to then post on my website. It’s really easy to use, very accessible, and is great for helping to ownw the content I create.
As with all Inclusive Design 24 talks, this one will include captions soon after the conference is over.
Marco has worked for Mozilla since 2007, always in the accessibility field. He does quality assurance. He also worked for Freedom Scientific and helped with braille display dev in the early 2000’s.
Accessibility inspector is a new addition to Firefox dev toools, it’s a year old now.
Mozilla wanted to make sure devs could make their sites more accessible without having to download extras.
accessibility inspector allows devs to inspect the accessibility tree as presented to assistive technology users.
Latere versions introduce auditing features to highlight easily solvable problems. Helps devs solve problems and lets them see the problems go away.
Accessibility inspector is inside dev tools beside the HTML inspector. can be turned on in the context menu as well.
Unless you’re a screen reader user, turn on accessibility engine first.
Turn off when not using because it slows down the browser thanks to extra processing. If you turn off for one tab it turns it off for all.
Screen readers can’t accidentally turn off the accessibility engine.
Marco is demoing the tree views of the inspector.
Inspector is fully keyboard accessible.
If you have more than one tool bar on a page make sure that they are labeled and state their purposes. Marco is citing chapter and verse of WCAG.
Another cool visual feature: Accessibility highlight. Use the mouse to highlight and info bar shows complete color contrast for all colors and shows which ones pass.
Mozilla is trying to advance auditing with machine learning. Trying to determine whether or not machine learning can help. Finds patterns for fake elements.
Helps with div soup.
Mozilla wants feedback. Bugzilla, Twitter, public chat facilities.
The inspector can output its results as a json file.
Import resultant json into your tool of choice.
You can use the inspector as a blind/VI person. Sweet! Gonna go play with this now.
The info from the inspector is available on Linux as well, so you’ll get good enough results to not have to worry about switching to Mack/Windows screen readeres.
Marco attempts to avoid Chrome V. Firefox accessibility toools death match. Playing this well.
You can make dynamic changes in the dom inspector and they will be reflected in the accessibility inspector. Seems like this could be great for temporary hacks by screen readers.
Oh hey it’s @aardrian!
Mozilla’s accessibility team heavily collaborates with the other teams. Collaboration is facilitated. WordPress, please take note.
Thanks Marco, this talk was excellent, and I’m looking forward to playing with this.