Hi Tee, > Please take a look at this example. The first example is keyboard > accessible however I am also concern with the empty link that may > create extra noise for screen reader, e.g if every single page has a > popup, it will have two empty links, one is the popup trigger and the > other the close link. Sure it's just two empty links, as I started > using VoiceOver more frequent to test the sites, I find the two links > quite annoying. > > http://jsbin.com/efimu5
I'd use buttons instead of links, or I'd add role="button" to the links. I'd also add role="alertdialog " to the modal, making sure that the focus goes to the "close" button/link within the modal and also making sure that when the user closes the modal, focus is brought back to the original trigger. See: http://www.w3.org/TR/wai-aria/roles -- Regards, Thierry @thierrykoblentz www.tjkdesign.com | www.ez-css.org | www.css-101.org ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] *******************************************************************
