13. •Choose the tag that best describes the content
•Avoid tricky hacks, and workarounds
•Use HTML, CSS and javascript appropriately
•Don’t skip alt attributes on images.
Best Practices
14. What about testing?
Check Keyboard Accessibility
WAVE Chrome extension
Access Monitor WordPress Plugin
17. Nav Focus: tabindex
tabindex=“1" defines an explicit tab order. This is almost always a bad idea.
tabindex="0" allows elements besides links and form elements to receive
keyboard focus. It does not change the tab order.
tabindex="-1" allows things besides links and form elements to receive
"programmatic" focus.
18. ARIA Labels
We needed to give screen readers a little
more context for our footer navigation
19. Focus Styles
The addition of focus styles
to search fields adds a
visual cue that removes
ambiguity and allows the
user to follow along with
the keyboard focus.