how do you make modal popup panels work with screen readers?

I'm building a website for our internal website which uses modal popups to expand on summaries on several pages.
e.g. a section explaining the purpose of the website mentions how it can help you plan your training requirements. A linkbutton opens a modal popup explaining how to use the site's resources in more detail - there's not enough information to warrant a whole new page, and just a bit too much to fit on the front page and retain the look that the customer wants.
Now, I've got the site working nicely, modal popups appearing nicely and appreciated by test users as making the site easy to navigate. Unfortunately, I've been told we now need to make sure that our sites can be used with screen readers (even though we've noone using them in the organisation) .
I've tested the site with Jaws and Window-Eyes; WindowEyes can read the popup if the user highlights the text, but won't automatically shift focus to the modal, and Jaws doesn't recognise it at all.

Does anyone have any suggestions on how to tie screen readers into the ajax toolkit controls?
LVL 7
mr_nadgerAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

mr_nadgerAuthor Commented:
being honest, that was a bit too advanced for me (fairly new to this webpage thing, much happier winging it on databases), it's good reference material for future work but I still need to amend my current project quickly - currently it looks as though I'll have to make it a very simple, noddy site with none of the bells and whistles which the testers said improved the feel and presentation
0
hankknightCommented:
AJAX presents a number of challenges for screen readers.  Are there any reasons why you have to use AJAX to populate the modal popups?

A better way to make information in modal boxes accessable via screen readers is to put the content of your modal box inside a lable tag, and then use a submit button to trigger the modal popup.

For example:
       <label for="box1">Hello World</label>
       <input type="button" name="box1" id="box1" onclick="openLabelModal()"  />

Of course you would need to find or write JavaScript code for the modal functionality.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
mr_nadgerAuthor Commented:
thanks for that; the AJAX side was mostly for convenience and consistency within our team's projects.
However, after redesigning the pages to not use any kind of popups and having it AA tested, the project was cancelled!
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Languages and Standards

From novice to tech pro — start learning today.