search

OxfordRSE / gutenberg

https://oxfordrse.github.io/gutenberg
BSD 3-Clause "New" or "Revised" License
5 stars 7 forks source link

Focus order can be confusing, when using the keyboard to navigate a page #195

Closed eatyourgreens closed 1 month ago

eatyourgreens commented 7 months ago

Here, I'm using Tab to quickly navigate through the page. The tab order doesn't follow the layout on the page, and it isn't always obvious where keyboard focus currently is.

WCAG 2 Success Criterion 2.4.3: Focus order.

https://github.com/OxfordRSE/gutenberg/assets/59547/48b6fd20-3e35-4653-86a7-0d04d9827392

eatyourgreens commented 6 months ago

Accessibility Insights for Chrome includes a tool to record the tab stops on the page. Here's a video of the tab stops in numbered order.

https://github.com/OxfordRSE/gutenberg/assets/59547/bb657fde-e02e-40b6-8a46-4fcaf5ec02d8

alasdairwilson commented 4 months ago

We have room to fix these but for accesibility, as they still exist but these have been replaced entirely as the default way to navigate material by #238

eatyourgreens commented 4 months ago

Those new navigation blocks look good!