Create real pagination for facet filtering desktop and mobile

Description

Location: Search results page e.g. https://www.edx.org/course?

Severity: 10

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.

Pattern: None

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.

Proposed Solution

  • Hide the options not shown to the screen from everyone, using display:none

  • on-click of more, display:block

Steps to Reproduce

None

Current Behavior

None

Expected Behavior

None

Reason for Variance

None

Release Notes

None

User Impact Summary

None

Status

Assignee

Christopher Lee

Reporter

Mark Sadecki

Reach

None

Impact

None

Platform Area

None

Customer

None

Partner Manager

None

URL

None

Contributor Name

None

Groups with Read-Only Access

None

Actual Points

None

Category of Work

None

Platform Map Area (Levels 1 & 2)

None

Platform Map Area (Levels 3 & 4)

None

Story Points

3

Epic Link

Sprint

None

Due date

2017/12/08

Priority

CAT-2
Configure