Page MenuHomePhabricator

AFTv5 controls not selectable with tab
Closed, ResolvedPublic

Description

Author: thewub.wiki

Description:
When "Help improve this page" appears at the bottom of a page, neither the "What's this?" link nor the "Yes" and "No" buttons are selectable using the Tab key. This is an accessibility issue.

(After clicking Yes or No, the controls which then appear are selectable.)


Version: unspecified
Severity: normal

Details

Reference
bz40595

Event Timeline

bzimport raised the priority of this task from to Medium.Nov 22 2014, 12:47 AM
bzimport set Reference to bz40595.

I'm from the accessibility project. Yes, this is an accessibility issue. People with severe motor impairments may only use a limited amount of keyboard keys, or only the tab key, to interact with websites.

The code used in this feedback tool is complicated, and it is beyond my knowledge to find where the precise problems lies.

However, I have written a guide that explains where the issues might be, and how to fix them. It should be easy and straightforward for a seasoned developer.

http://en.wikipedia.org/wiki/Wikipedia:WikiProject_Accessibility/MediaWiki_accessibility_specification#Keyboard_Navigation

In short, the issue might lie with the HTML elements used for the interactive components. Using elements meant for interaction should solve this problem (A, BUTTON, and such). The second possibility is related to mouse event handlers: adding a redundant keyboard event handler solves the issue.

Cheers, Rodan Bury

In the "Help improve this page" on http://ee-prototype.wmflabs.org/wiki/Main_Page (AFTv5 b2edc4f ), I can access the "Yes" and "No" buttons via the tab key in Firefox 18.0.2 now that https://gerrit.wikimedia.org/r/#/c/36537/ got merged.

I still cannot access the "What's this?" link.

After https://gerrit.wikimedia.org/r/#/c/49835/ is deployed, you should now also be able to access the "What's this?" link :)

Merged by Kaldari on the 14th.