a11y – Accessibility

Table des matières

1. a11y.css

This code scan the DOM of the page and will add boxes around for, f.i., alerting about an anchor with a _blank target; without rel="noopener noreferer", inline style/script, obsolete attributes, ...

https://ffoodd.github.io/a11y.css/

a11y.png

2. Revenge.css

This bookmarklet will check DOM elements against possible faults like, f.i., an empty element like <i class="fa-li fa fa-check"></i> and will suggest to add a content (so just &nbsp; f.i.).

Will also suggest to add aria-hidden="true" attributes when the element can be ignored by accessibility tools

http://heydonworks.com/revenge_css_bookmarklet/

revenge.png

3. Trashy.css

Will scan the page and add tips to make suggestions or inform about design errors

https://t7.github.io/trashy.css/

trashy.png