Accessibility
Keyboard accessibility enables users who rely on or prefer using a keyboard to use your product. All interactive content and elements should include keyboard functionality.
Keyboard accessibility
Common keyboard interactions include using the
tab
enter
spacebar
Focus indicators
The
tab
Navigation order
The order in which interactive elements receive focus should be logical and predictable. Create the tab flow hierarchy by using the source code to arrange the keyboard navigation. A common flow might begin with the header, followed by the main navigation, then content navigation (from left to right, top to bottom), and end with the footer. Try to give all your users the same experience.
Use natively-accessible elements in navigation to activate links, buttons, and form controls with a keyboard. Reinforce semantic HTML to convey intent and meaning instead of solely defining the look and feel of an element. Enhance with ARIA (Accessible Rich Internet Application) labels when necessary.
Landmarks
For users of screen readers, communicate the different areas of the screen and what they do with landmarks by using appropriate HTML5 labels. Screen reader users can then quickly jump to any area they want.