Skip to:

  1. Skip to Jira Navigation
  2. Skip to Side Navigation
  3. Skip to Main Content

Ensure all active elements receive keyboard focus

Description

[New] - 3/16/2018

[Issue]

Active tab (for example in the screenshot "My profile" is active tab) does not receive keyboard focus at all. Since when it is activated, it implemented as regular text with title in <span> which is incorrect.

[User Impact]

Screen reader users never get to know that which active tab elements they are rendering.

[Code]

<span class="current" title="View and edit your profile"><span>My profile</span></span>

[Expected behavior]

Developers need to make sure that elements which behaves as tab feature, have proper role of tab, tablist, tabpanel with appropriate properties that which tab is selected currently. Developers can use "aria-selected" property for the activated tab.Here, developers need to remove <span> and implement as TAB.

[Reference link]

https://www.w3.org/TR/wai-aria/#tab
https://www.w3.org/TR/wai-aria/#tablist
https://www.w3.org/TR/wai-aria/#tabpanel
https://www.w3.org/TR/wai-aria-practices-1.1/#tabpanel
https://www.w3.org/TR/wai-aria-1.1/#aria-selected

Attachments

1
  • 10 May 2018, 06:23 PM

Activity

Mark Golbeck September 6, 2024 at 2:03 PM

Since it's been over two years without any further information provided, we're closing this Jira issue for now. If more details become available in the future, we can reopen it. Thank you.

Won't Fix

Details

Priority

Affects versions

Components

Assignee

Reporter

Labels

Created April 19, 2018 at 7:35 AM
Updated September 6, 2024 at 2:03 PM
Resolved September 6, 2024 at 2:03 PM

Flag notifications