WebAIM - Web Accessibility In Mind

E-mail List Archives

Please test our modal popups on test page

for

From: Angela French
Date: Nov 1, 2012 4:14PM

Hello,
I now have a test page with public access and would be very grateful if you'd take a look. Specifically, I'm concerned about any accessibility issues on the modal popups. Here is the link: http://168.156.9.250/ibestprograms/ and some questions I thought of are listed below.

The demo content and data on the page consists of:

* 5 select lists

* Search and Reset buttons

* Results table (the only data available for this demo is shown by default). The table consist of 6 columns. The Institution, I-BEST Programs, Contact and Offerings columns have links which open a modal popup.



My questions:

1. Can the modal popups be perceived?

2. Can you tell when you have reached the end of the content in the modal popup? Or is the content in the popup indistinct from the following content on the parent page?

3. Can you exit the popup via the "close" link or via keyboard?

4. Having exited from the popup, are you returned to the exact spot in the main content where you left off before activating the popup?

5. In the Contact popup, can you activate the email link?

6. In the Offering popup, a table is presented with 5 columns and 2 rows. Some of the data cells contain an icon of a checkmark. If you are able to view the source code for this table, you will see that Bootstrap uses some odd code (at least it is to me!) : <div style="text-align:center;"><i class="icon-ok"></i></div>. The CSS for this is a background image so I'm assuming there is no way for this checkmark icon to be perceivable.

Again, many thanks!

Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
<EMAIL REMOVED>
http://www.checkoutacollege.com/