[wp-trac] [WordPress Trac] #59502: Tabindex greater than zero -WordPress core issue-

[WordPress Trac]

#59502: Tabindex greater than zero -WordPress core issue-
--------------------------+------------------------------------------------
 Reporter:                |      Owner:  (none)
  candelatironi           |
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Users         |    Version:
 Severity:  normal        |   Keywords:  Tabindex wp-toolbar WordPress core
  Focuses:                |
--------------------------+------------------------------------------------
 Hi,
 We added a comment in the accessibility
 forum(https://wordpress.org/support/topic/tabindex-greater-than-zero-
 wordpress-core-issue/) and they told us that since it is a problem with
 WordPress users, we should ask the question here:

 We are using the tool that checks the accessibility of our page. The tool
 is axe DevTools

 The tool shows that the Ensures tabindex attribute values are not greater
 than 0

 This is the result of the test:
 Element Location: a[href$=”#wp-toolbar”]

 Skip to toolbar

 To solve this problem, you need to fix the following:
 Element has a tabindex grater than 0

 The button is used by users that navigates the page via keyboard. On Enter
 keydown,it takes the user to a specific navigation area, skipping other
 areas, to save time and effort. In the case of this button, it takes the
 user to the admin banner on the very top of the page.

 The order the elements are hit when tabbing through the page, or tabindex,
 is generated automatically by the HTML code that creates the page, and is
 like the reading order, from beginning to end.
 Since this button belongs to WordPress core and it’s located at the very
 end of the HTML document.

 The solution for this issue will be to change tabindex value from 1 to 0,
 but this will locate the button on its position on the HTML, which is
 almost at the end of the page. And this kind of “Skipping to navigation”
 buttons are supposed to be at the beginning. Also, this button is the only
 way to access via keyboard to the admin banner.

 The real solution should be changing the order of the elements on the HTML
 code. But, since this is on the WordPress core, it’s a very complex task,
 that might not be even possible.

 It would be great if you could fix this accessibility issue and check
 again using the tool to see if everything is right.

 Thanks!

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/59502>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform