Scratch Site for Testing
Test Heading ARIA Level Two
Latest on #a11y
Latest "#a11y" Tweet
Content Test for ARIA Drag and Drop Source: http://whatsock.com/training/
Latest on كفيف# (Blind)
Boostrap Image Handling
Bootstrap Progress Bar
Bootstrap Progress Bars
Modified Bootstrap Labels
Default Label Class btn-red
Testing screen-reader only class
Make sure there is a logical, predictable tabbing order that matches the visual order.
Focusable elements (links and form controls) need to have obvious visual feedback so users can see where keyboard focus is. Do not use outline:0 in your CSS unless you add an adequate replacement. It’s incredibly frustrating when you get no visual feedback whatsoever.
No Keyboard Traps
Make sure all functionality and information is accessible without using a mouse. If you open a dialog or lightbox, put keyboard focus in it. If you show information on hover, also display it on focus. If you add click events to random elements that aren’t natively focusable, make them focusable by giving them a tabindex attribute (via scripting).
Adobe Mega Menu
CSSMojo Progressive Ehnancement Articles
Tickets with a focus on Accessibility
Smashing Magazine Article