Accessibility

Resources

• WAI-ARIA Authoring Practices (W3C)
• ARIA Techniques (MDN)
• Web Component Checklist (The Paciello Group)

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 test navigation to all form elements (including links) enable the setting shown below.