Background goal
We need to include the keyboard navigation guidelines in the Codex components pages to explain how users can navigate components using the keyboard. Although this content exists in Figma, it has not been integrated into Codex yet.
We need to include the keyboard navigation table for all the components available on the Codex site. This table should include the same content as we have in Figma:
- Key: we could use the common unicode characters for certain keys alongside the text names (e.g. ↑, →, ⌘, ⇧, ⌃, ⌫, ⎵, ⏎). See https://en.wikipedia.org/wiki/List_of_Unicode_characters#Miscellaneous_Technical
- Function: explaining what happens when the user navigates with each key
Documentation
Acceptance criteria (or Done)
- Document the keyboard navigation for each component
- Review the documentation with the DST
- Include the keyboard navigation table in each component's page in Codex