WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: feedback needed - interview training demo

for

Number of posts in this thread: 7 (In chronological order)

From: Jesse Bradley
Date: Sun, Jul 31 2011 9:30AM
Subject: feedback needed - interview training demo
No previous message | Next message →

Hello everyone,

I am attempting to develop an accessible online training for a school
project. The original training was developed in flash and was completely
inaccessible, so I thought I would try to redevelop it using JQuery Mobile.

I uploaded what I have so far to one of those free hosting sites, and I
would be interested in getting feedback from the group:
http://www.interviewtraining.host56.com/index.html

Sincerely,

Jesse Bradley

From: Birkir R. Gunnarsson
Date: Sun, Jul 31 2011 9:57AM
Subject: Re: feedback needed - interview training demo
← Previous message | Next message →

Hi

When I load the page I get a page that has the sentence "Interview and
Selection Training" but absolutely nothing else (IE9 on Windows 7,
Jaws 12).
I checked with my wife (who's sighted), and she said nothing shows on the page.
I know my IE9 sometimes acts weird, and our internet connection this
weekend is spotty (lots of thunderstorms in the area, our router seems
to have some issues), but I can open other webpages just fine,
including Flash and JQuery pages, so this seems to be a problem with
the page.
Please look into it and post again when it is fixed, or if someone can
open the page without changes, Ineed to investigate my system.


On 7/31/11, Jesse Bradley < = EMAIL ADDRESS REMOVED = > wrote:
> Hello everyone,
>
> I am attempting to develop an accessible online training for a school
> project. The original training was developed in flash and was completely
> inaccessible, so I thought I would try to redevelop it using JQuery Mobile.
>
> I uploaded what I have so far to one of those free hosting sites, and I
> would be interested in getting feedback from the group:
> http://www.interviewtraining.host56.com/index.html
>
> Sincerely,
>
> Jesse Bradley
>

From: J. B-Vincent
Date: Sun, Jul 31 2011 10:33AM
Subject: Re: feedback needed - interview training demo
← Previous message | Next message →

Hi Birkir:

The page opened correctly for me in Firefox.

--Jane Vincent, Center for Accessible Technology

From: deborah.kaplan
Date: Sun, Jul 31 2011 11:48AM
Subject: Re: feedback needed - interview training demo
← Previous message | Next message →

On Sun, 31 Jul 2011, Jesse Bradley wrote:
> I am attempting to develop an accessible online training for a school
> project. The original training was developed in flash and was completely
> inaccessible, so I thought I would try to redevelop it using JQuery Mobile.

Using keyboard only navigation, I hit some snags.

First of all, from the "purpose/definition" page it's not clear what to do next. I made the assumption that I should select "selection process", and I think I was correct, but there was nothing on the page guiding me towards that.

From the "selection process steps" page it's unclear whether or not you have to do the steps in order. Also, from a keyboard-only point of view, the arrow keys (which looked like the selectable links) weren't accessible. Luckily it turned out that the words themselves in the list were accessible.

From there, I could select all of the buttons that said "next", which I assume is the only thing that we needed to do between that page and the page labeled "step one: prepare interview".

On that page, none of the "+" expanders, which looked like the selectable elements, were keyboard accessible. Once again, at least the words themselves were keyboard accessible.

The knowledge quiz was keyboard accessible, but completely confusing. I could access the checkboxes by tabbing and the words by text search, but I didn't even realize it was a form at first. Why style a form to make it not look like a form? People know what web forms look like, and almost-no-contrast dark blue on blue shaded boxes is not what web form looks like. Also, since tabbing to the elements gave the whole row a difficult-to-see shade effect instead of doing anything to change the look of the checkbox, I initially didn't parse the tab was doing the right thing.

That's as far as I went. Good luck continuing to make the whole quiz accessible! I've run into the flash training problem before, and it's a royal pain.

-Deborah

From: Bevi Chagnon
Date: Sun, Jul 31 2011 12:15PM
Subject: Re: feedback needed - interview training demo
← Previous message | Next message →

Using Win7 & IE9, I get a blank page.
--Bevi Chagnon

From: Jesse Bradley
Date: Sun, Jul 31 2011 1:18PM
Subject: Re: feedback needed - interview training demo
← Previous message | Next message →

Thanks everyone for the feedback. I forgot to mention that since I intended
this training to be viewed only on a mobile device, I did not make it
compatible with IE. It will display using Chrome, Firefox, or Safari.

On Sun, Jul 31, 2011 at 2:17 PM, Bevi Chagnon < = EMAIL ADDRESS REMOVED = > wrote:

> Using Win7 & IE9, I get a blank page.
> --Bevi Chagnon
>
>

From: Birkir R. Gunnarsson
Date: Sun, Jul 31 2011 2:27PM
Subject: Re: feedback needed - interview training demo
← Previous message | No next message

Hi

Is it possible to make a message to that end pop up if page is opened
in IE (should be fairly straight forward to code something like that
in).
Remember Chrome is only marginally accessible for a blind user.

On 7/31/11, Jesse Bradley < = EMAIL ADDRESS REMOVED = > wrote:
> Thanks everyone for the feedback. I forgot to mention that since I intended
> this training to be viewed only on a mobile device, I did not make it
> compatible with IE. It will display using Chrome, Firefox, or Safari.
>
> On Sun, Jul 31, 2011 at 2:17 PM, Bevi Chagnon < = EMAIL ADDRESS REMOVED = > wrote:
>
>> Using Win7 & IE9, I get a blank page.
>> --Bevi Chagnon
>>
>>