#81 ✓resolved
Jake Archibald

Panel - Keeping focus within a modal panel

Reported by Jake Archibald | August 4th, 2009 @ 11:16 AM | in 1.7

The hidden text for screenreaders at the end of a panel can be vague, perhaps let the developer provide their own, and provide a link back to the top of the panel.

Also prevent the keyboard focusing outside a modal overlay.

Comments and changes to this ticket

  • Stephen Elson

    Stephen Elson August 7th, 2009 @ 10:16 AM

    • State changed from “new” to “accepted”
  • Stephen Elson

    Stephen Elson August 7th, 2009 @ 10:18 AM

    • Title changed from “Panel - Provide more meaning to the "end of panel" a11y text ” to “Panel - Keeping focus within a modal panel”
  • Stephen Elson

    Stephen Elson August 7th, 2009 @ 10:54 AM

    • Tag changed from enhancement, panel, widgets to accessibility, enhancement, panel, widgets
  • Tom Maslen

    Tom Maslen August 11th, 2009 @ 11:20 AM

    • Assigned user set to “Tom Maslen”
    • State changed from “accepted” to “open”
  • Michael Mathews

    Michael Mathews August 20th, 2009 @ 04:21 PM

    • Assigned user changed from “Tom Maslen” to “Michael Mathews”
  • Michael Mathews

    Michael Mathews August 21st, 2009 @ 02:36 PM

    Clarified requirement:

    Whenever focus moves onto a new element, for example by using the tab key, if that newly focused element is not within the overlay with the highest zindex, then focus should be moved by Glow so that it will then be on the overlay with the highest z index.

    Stephen, Jake, Can you confirm?

  • Michael Mathews

    Michael Mathews August 25th, 2009 @ 12:34 PM

    • State changed from “open” to “review”

    As all overlays appear to have the same z-index (9990) it isn't possible to limit focus to the topmost, not by by checking z-indexes anyway. However, as I've implemented it, focus will always stay within the collection of modal overlays. If we want to enforce the idea of a stack of overlays with only one being on the top of the pile, then that will have to implemented differently, maybe by creating a global stack of references to the overlay as they are shown. This would be useful for other modal widgets as well, as they could push themselves onto the same stack. Just an idea.

  • Michael Mathews

    Michael Mathews September 1st, 2009 @ 12:38 PM

    • State changed from “review” to “resolved”

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป

A JavaScript Library

Shared Ticket Bins

Pages