Accessibility Enhancement – Tabs Component

Requested by: Steve Quilala c/o Disability Resource Centre

Status: Completed

Change to something that already exists?: Yes
Requires a new CMS Component?: No
Requires New Functionality?: Yes
Estimated Completion Date: Completed - Mid Aug 2019


Based on original UBC CLF Tabs, screen readers could only detect and read-aloud the contents of the first ‘active’ tab on the UBCO Tabs Component. Additionally, the

[SQ investigated alternative technique to visually hide the unopened ‘inactive’ tabs and visually show ‘active’ tabs, but have screen reading tools respect the markup and read the content inside]

[Update Aug 16 – Tabs component has been fixed in production. Screen readers now read each tab in proper order – label 1, content 1 – label 2, content 2, – label 3, content 3. -SQ ]

[Update Aug 16 – Tabs component now also can be navigated to by pseudo::focus and opened using keyboard tabbing and return/enter key. – SQ]

Ticket Number: N/A

Media (Screenshots, etc.)