Change #1237585 had a related patch set uploaded (by LWatson; author: LWatson):

[mediawiki/extensions/ReaderExperiments@master] Minerva TOC: imrpove key navigation and restore focus to button

https://gerrit.wikimedia.org/r/1237585

Change #1237874 had a related patch set uploaded (by Matthias Mullie; author: Matthias Mullie):

[mediawiki/extensions/ReaderExperiments@master] Also show sticky header when TOC button focused

https://gerrit.wikimedia.org/r/1237874

Change #1237585 merged by jenkins-bot:

[mediawiki/extensions/ReaderExperiments@master] Minerva TOC: improve key navigation and restore focus to button

https://gerrit.wikimedia.org/r/1237585

Change #1237874 merged by jenkins-bot:

[mediawiki/extensions/ReaderExperiments@master] Also show sticky header when TOC button focused

https://gerrit.wikimedia.org/r/1237874

Change #1238337 had a related patch set uploaded (by LWatson; author: LWatson):

[mediawiki/extensions/ReaderExperiments@master] Minerva TOC: Revise floating button states

https://gerrit.wikimedia.org/r/1238337

"Contents" button can be reached and activated by keyboard

Both the sticky button and the floating button are keyboard accessible.

• The sticky header button receives focus after 6 tabs from the start of the page. The first five tabs focus on the Minerva header items. Tabbing from Minera's user settings icon button moves focus to the sticky header button.
• The floating button receives focus at the bottom of the page after the external links section.

The focus state should be more apparent now, following this change, which introduces a revised design from T416598.

Consider MenuButton keyboard navigation behavior.

• Tab key focuses on the button, not the items inside the expandable container
• When the expandable container is visible, focus remains on the button
• Up/down arrows to navigate next/previous item
• Use aria-expanded and aria-controls. This way the screen reader announces:
  • Closed: "Contents, toggle button, collapsed"
  • Open: "Contents, toggle button, expanded"

Change #1238735 had a related patch set uploaded (by LWatson; author: LWatson):

[mediawiki/extensions/ReaderExperiments@master] Minerva TOC: add table of contents region

https://gerrit.wikimedia.org/r/1238735

Change #1238735 merged by jenkins-bot:

[mediawiki/extensions/ReaderExperiments@master] Minerva TOC: add table of contents region

https://gerrit.wikimedia.org/r/1238735

Addressing the thin focus outline in T416598

In T416744#11602590, @lwatson wrote:

Consider MenuButton keyboard navigation behavior.

• Tab key focuses on the button, not the items inside the expandable container
• When the expandable container is visible, focus remains on the button
• Up/down arrows to navigate next/previous item

• ?mpo=minerva-toc-sticky:treatment - tested on enwiki betawith
  • navigation is ok, just as @lwatson mentioned in https://phabricator.wikimedia.org/T416744#11601602
  • VoiceOver - no issues

• ?mpo=minerva-toc-button:treatment > The floating button receives focus at the bottom of the page after the external links section.
  • confirmed; it's very hard to reach the Content button - on longer articles it takes a really long time to reach it.
  • VoiceOver - no issues