Create real pagination for facet filtering desktop and mobile
Location: Search results page e.g. https://www.edx.org/course?
Description: The More.... control under the Filters Subject sub-section is not accessible with Voiceover. When accessibility is not enabled for actionable controls such as the More control, Voiceover users will not have access to the other categories and therefore will not benefit from this feature.
Auditor Note: Developers must ensure that accessibility is enabled for the control. This can be done by ensuring that the isAccessibilityElement property is set to Yes.
Internal Note: This affects the desktop view as well. We need to implement real pagination here.
Hide the options not shown to the screen from everyone, using display:none
on-click of more, display:block
Those are my notes, yes. The non-visible items are only hidden from sighted users, not from keyboard or screen reader users, so they do not benefit from being able to browse just a subset of the categories. This is made worse because non-visual and keyboard only users must TAB through each and every category, visible or not, to get to the other side. Sighted users need only not look at the item. The solution is to truly show/hide the non-visible items using display:none.
Did you also write the Proposed solution here.