openlibhums / openlibhums/janeway

Article page keyboard traps

Open
#5,463 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

1.9-ally
Dominant language
Python
Stars
238
Forks
97
Avg merge
9d 1h
Merged PRs (30d)
8

Description

to reproduce:
theme=olh, article with some tables which have internal footnotes.

keyboard use. tab and enter to see larger table.
tab within table to an internal footnote index link - it correctly highlights the footnote within the modal, but focus is then changed to the main article while modal stay open, creating a keyboard trap.

Additional problems with tables with index in main article (not enlarged modal) - where after movign to the destination and highlighting, focus goes to top of page (the skip to main) rather than continuing from landing point.

On clean, the focus doesn't enter the table modal at all after opening.

So all in all, the issue here is "Get Keyboard Navigation working on Article Pages."

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the keyboard flows on an article with tables and internal footnotes under the olh theme, then compare them with the clean setup. Trace focus when opening the enlarged-table modal, activating an internal footnote, and returning from the destination; done means focus stays usable in the modal or continues from the landing point without jumping to the top or creating a trap.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.