WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Please test our modal popups on test page

for

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

To anyone who is testing for me, can you please tell me what AT/version you used?

Thanks, Angela French

>Subject: Re: [WebAIM] Please test our modal popups on test page
>
>Regarding the offering modals
>Focus doesn't move to the beginning of the content when it appears.
>The beginning and ending boundaries of the dialog are not conveyed.
>The background content is not hidden from screen reader users.
> The Close icon is not keyboard accessible.
>Table checkmark icons have no textual equivalents for screen readers.
>
>Contact modal:
>The email is fine.
>
>Returned when closed, yes
>
>Why is role=tooltip on the body tag of the offering iframe document?
>
>
>----- Original Message -----
>From: "Angela French" < <EMAIL REMOVED> >
>To: < <EMAIL REMOVED> >
>Sent: Thursday, November 01, 2012 3:14 PM
>Subject: [WebAIM] Please test our modal popups on test page
>
>
>> 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/
>>
>> >> >> >
>>>