Roundup Tracker - Issues

Issue 2551321

classification
make pre examples in docs pages tabable
Type: behavior Severity: normal
Components: Documentation Versions:
process
Status: new
:
: : rouilj
Priority: :

Created on 2024-03-01 16:33 by rouilj, last changed 2024-03-01 16:33 by rouilj.

Messages
msg7953 Author: [hidden] (rouilj) Date: 2024-03-01 16:33
Currently keyboard users can't select and scroll the example pre sections in the docs.
For example on https://roundup-tracker.org/docs/security.html#index-1 there is a yellow 
scrollable pre box. It can't be selected/tabbed to and can't be scrolled by the keyboard.

Firefox allows the region to get focus via tab and be scrolled using the arrow keys.
Also cursor mode (F7) allows the user to move the cursor along the line an scrolls when he 
cursor goes out of the box. Chrome implemented it and then rolled it back. Safari has yet to
implement.

https://adrianroselli.com/2022/06/keyboard-only-scrolling-areas.html

suggests adding: tabindex=0 aria-label/aria-labeledby and role=region or possibly role=group.
Role region is a landmark role, so the scrollable box can show up in a region browser like the 
main or navigation roles. I don't like that. However it is interactive so it apparently
needs a role.

I am not sure if Sphinx can be convinced to generate the proper output though.
History
Date User Action Args
2024-03-01 16:33:08rouiljcreate