You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Horizontally, arrow keys move left/right within a line and up/down between lines. Vertically, "next character" is downward and "next line" is leftward — so the keyboard model has to be remapped, and getting it wrong is instantly disorienting.
Where it shows up here:tabs, slider, popover-menu — every focusable, arrow-navigable component.
Open questions:
Should ↓ always mean "next in reading order," or should physical arrows stay physical for muscle memory?
How do Home/End, PageUp/PageDown translate?
What does a screen-reader user expect the arrow semantics to be, and does that differ from a sighted keyboard user?
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
Labels:
RFCaccessibilityHorizontally, arrow keys move left/right within a line and up/down between lines. Vertically, "next character" is downward and "next line" is leftward — so the keyboard model has to be remapped, and getting it wrong is instantly disorienting.
Where it shows up here:
tabs,slider,popover-menu— every focusable, arrow-navigable component.Open questions:
Write-up: https://vertically.works/challenges#keyboard-navigation
Propose your answer as a PR. Strong answers get merged into the spec.
All reactions