WordPress.org

Andrew Ozz 12:42 am on July 24, 2012 Permalink  

• 

  esmi 8:33 pm on July 25, 2012 Permalink

  The problem with tabindexes is that they remove choice. I appreciate that the markup is at odds with the visuals but those who can see & use a mouse still have a choice as to where to go next. Tabindex takes that choice away from the keyboard navigators.

  What about using “jump-to” links instead? Preferably hidden offscreen at the top of the markup but revealed on active/focus? That would be way cooler and offers choice.

  • 

    Andrew Ozz 10:12 pm on July 25, 2012 Permalink

    Sure, can do that. There is already a “Skip to content” link that moves the focus to the main content area on all admin pages, bypassing both the toolbar and the menu.

    Thinking we can add a similar link that would focus the toolbar’s container. It will have to be part of the toolbar code so it’s outputted on the front-end too and will have to have tabindex set as it will be near the bottom of the HTML source, but there will be no need for other tabindex attributes in the toolbar.

    • 

      esmi 11:48 am on July 26, 2012 Permalink

      I’ve been playing with the admin bar, I removed all tabindexes (including the one in the admin bar search) and inserted a link immediately after the #wpadminbar div that pointed to #wibble.This was the only link with a tab index (1 , in this case).

      I then added the wibble id to the quicklinks div. The resulting markup allows keyboard navigators to either proceed to the admin bar (by pressing Enter or similar) or, by just moving on, go go straight to body of the page. That works really nicely and keeps the whole thing self-contained for use on the front or back end. Thoughts?

      • 

        Andrew Ozz 9:36 pm on July 26, 2012 Permalink

        Yes, that’s exactly what I meant. Lets put that in.

        With this we will have two skip links at the top of each screen in the admin: Skip to content and Skip to toolbar. Perhaps both links can have the same tabindex value, maybe 5 or 10, so that they are accessed first on the screens. All other tabindexes are/will be removed.

      • 

        Andrew Ozz 6:47 pm on August 5, 2012 Permalink

        Added this in [21423]. The trac ticket is at: http://core.trac.wordpress.org/ticket/21471

    • 

      Cyndy Otty 12:47 pm on July 26, 2012 Permalink

      As a screen reader user, I could almost cry with joy to see this fairly simple addition of a skip link made.

• 

  Bim Egan 4:04 pm on July 30, 2012 Permalink

  Cyndy, as a fellow screen reader user I was sad to think that you may not get what you hope for out of the proposed skip links. This is because the skip links themselves will need a tabindex value to move them to the top in tab order, because they are actually at the end of the page. Tabindex rarely works for screen reader users because the screen reader is working with a buffered copy of a page, not the page itself. So the skip links may not help you. Do you also use headings for navigation? Most screen reader users find these a lot more useful and reliable. Just press the letter “H” and see if your screen reader supports heading navigation.

  • 

    esmi 9:26 am on July 31, 2012 Permalink

    If you re-read Ozz’s response, you’ll see that there will be a skip link at the top of the page in the Admin area that will allow people to jump straight to the Admin bar.