Yes, here's one we worked on - http://htmltools.moneymadeclear.org.uk/mortgage-calculator/index.aspx The problem with most lightboxes is that the position of the focus is not controlled correctly. Typically the user has to tab through all the page content to get to the lightbox content because it has been inserted at the end of the DOM. When they close the lightbox, the focus is not returned to where they originally were on the page. Both of these issues are addressed in the link above, and the result is a seamless experience for anyone using keyboard navigation, including screen reader users. If you give focus to one of the Help buttons and press the Enter key, the lightbox opens and the Close button has focus. If you close the lightbox, the focus returns to the original link. A screen reader will read the contents of the lightbox immediately after the Close button. The only time the focus is not correctly controlled is when the 'Recommend to a friend' or 'Email results' forms are submitted. In these cases the focus returns to the top of the page. The developers tell us it's because they can't control the focus after an HTTP request. Steve Green Director Test Partners Ltd
________________________________ From: [email protected] [mailto:[email protected]] On Behalf Of James Grant Sent: 20 January 2011 12:14 To: [email protected] Subject: [WSG] Accessible modal windows / lightboxes Hi WSG'ers, Does anybody have any experience with creating accessible modal windows, aka lightboxes? While I have seen some great lightbox experiments that do allow keyboard control, I haven't been able to find any that will trigger a screen reader to actually read the content within. My project is looking to use lightboxes for field-level help which can contain up to a few paragraphs of textual content, no unique images will appear within the modal window. Once the modal window is open, the only user controls will be to close the window by either selecting the 'close' option, or clicking outside of the content. Thanks! - Jimmy ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] *******************************************************************
