Ensure ARIA roles, states, and properties are valid

Description

Throughout the environment tab controls are implemented to present content. However, these tabpanels are constructed by placing a <role> of "tabpanel" on the containing <ul>, as well as a <role> of "tab" on each inner anchor. Implementing roles of "tabpanel" and "tab" imply that standard keyboard interaction (left and right arrow keys) should navigate the tab elements. However, this function is not provided and instead a keyboard user is forced to tab through the tab elements with the tab key. This is nonstandard interaction and can be quite confusing for screen-reader users.

<ul role="tabpanel" class="nav nav-tabs"><li class="activeTab"><a href="#" role="tab" aria-controls="schedPanel" id="id5"><span>Upcoming</span></a></li>

The role of "tabpanel" and "tab" indicates standard keyboard interaction that is not currently provided. The user should be able to tab to the first tab in the tabpanel, and then navigate through the tabs with the left and right arrow. Developers are urged to review the following links regarding tabpanel implementation and keyboard navigability.https://www.w3.org/TR/wai-aria/roles#tab https://www.w3.org/TR/wai-aria/roles#tablist https://www.w3.org/TR/wai-aria/roles#tabpanel https://www.w3.org/TR/wai-aria-practices/#tabpanelhttp://qa03-sakai.marist.edu:8080/portal/site/e72d72d4-f582-4dce-8261-6b923060787c/tool/2f629dad-7e64-41c5-bb12-64d95eb17a15#Aa8485a74b574b5572573642dc574e1d-HTML AND http://qa03-sakai.marist.edu:8080/portal/site/e72d72d4-f582-4dce-8261-6b923060787c/tool/2f629dad-7e64-41c5-bb12-64d95eb17a15/sakai.resource.type.helper.helper#cc7dee76ab45bf39c2bfc78c8a799615-HTML AND http://qa03-sakai.marist.edu:8080/portal/site/e72d72d4-f582-4dce-8261-6b923060787c/tool/2f629dad-7e64-41c5-bb12-64d95eb17a15/sakai.resource.type.helper.helper#Ace8b247ef23d42314ed25b5c733dbdc-HTML

Activity

Show:

Matt Clare October 13, 2016 at 10:55 AM

As best I can tell, tabs are handled with a full page load in Resources.

Cannot Reproduce

Details

Priority

Affects versions

Assignee

Reporter

Created July 29, 2016 at 2:56 PM
Updated October 13, 2016 at 10:55 AM
Resolved October 13, 2016 at 10:55 AM

Flag notifications