Skip to content

Accessibility

Ryan Johnson edited this page Nov 10, 2017 · 22 revisions
Audience
Contributors

Resources

Native Focusable Elements

  • Buttons (<button>, <input type="button">)
  • Inputs (<input>, <textarea>)
  • Links (<a href="...">)
    • Must have [href] to be a link
    • Without [href] it's an anchor and does not received focus in tab order.
Link Anchor
<a href="#deep-link">Deep Link</a> <a id="deep-link"></a>
Receives focus in tab order. No focus given.

Configuring Mac for Keyboard Navigation

Certain browsers use the Mac system settings to apply keyboard navigation accessibility. To enable full keyboard navigation, enable the Keyboard setting shown in the image below.

MacOS keyboard settings

Clone this wiki locally