Page MenuHomePhabricator

Improve screenreader compatibility in AdvancedSearch
Closed, ResolvedPublic5 Estimated Story Points

Description

Allow screenreader users to easily access and use the AdvancedSearch UI.

  • Allow general keyboard interaction ( see T181162 )
  • Set collapse / expand states to the expandable pane
  • Set role=button on expandable pane
  • "Search in" should be a lable for the namespace selection input box. <strong> should be replaced by <label> or maybe even a label widget
  • File width and File height labels are not connected to any fields. It should lead you to at least the first drop down (e.g. "greater than"). If possible, "px" can also be added as a label to the field

[1] https://www.w3.org/TR/wai-aria-practices/

Event Timeline

tstarling subscribed.

The only WCAG 2.0 violation that I see in here is "The file size textfields for the size are not labelled". This violates SC 1.1.1 "If non-text content is a control or accepts user input, then it has a name that describes its purpose." (Level A)

Lea_WMDE triaged this task as Medium priority.Jul 2 2018, 9:05 AM
Lea_WMDE updated the task description. (Show Details)
Lea_WMDE set the point value for this task to 5.Jul 2 2018, 9:35 AM
Lea_WMDE subscribed.

The story points are only meant for

  • Set collapse / expand states to the expandable pane
  • Set role=button on expandable pane
  • "Search in" should be a lable for the namespace selection input box. <strong> should be replaced by <label> or maybe even a label widget
  • File width and File height labels are not connected to any fields. It should lead you to at least the first drop down (e.g. "greater than"). If possible, "px" can also be added as a label to the field

Change 444630 had a related patch set uploaded (by Tim Eulitz; owner: Tim Eulitz):
[mediawiki/extensions/AdvancedSearch@master] Improve screenreader compatibility

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

Change 444630 merged by jenkins-bot:
[mediawiki/extensions/AdvancedSearch@master] Improve screenreader compatibility

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

Change 444885 had a related patch set uploaded (by Tim Eulitz; owner: Tim Eulitz):
[mediawiki/extensions/AdvancedSearch@master] Fix namespace design issues on search result page

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

Change 444885 merged by jenkins-bot:
[mediawiki/extensions/AdvancedSearch@master] Fix namespace design issues on search result page

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

I cannot find the collapse/expand state looking at the html of the beta test page. How would be the best way for me to test this ticket?