[program-l] Re: accessibility of jquery dialogue
- From: "Travis Roth" <travis@xxxxxxxxxxxxxx>
- To: <program-l@xxxxxxxxxxxxx>
- Date: Wed, 3 Oct 2012 08:11:52 -0500
Hi,
I've not seen the jQuery UI dialog component recently so this is just a
guess.
If the dialog is using ARIA and sets the role to "application" you will
experience the restriction of focus from screen readers and browsers who
honor ARIA such as JAWS and NVDA. It can be beneificial, but also poses a
problem for reading the text of the message. Depending on what the message
is, you may just want it to speak using an alert or live region.
Other users will toggle off the "applications" mode of the screen reader
(insert+z in JAWS) and return to reading the page normally, though they will
have to possibly separate the dialog text from other text of the web page in
their mind.
An alternative is to place the message in a control that also receives
focus. Or assign a tabstop property. But it may be difficult to get cursor
key navigation of the text without just turning off the application mode.
The more likely correct answer would be for the application to control the
keyboard focus keeping it to just the active dialog controls, while not
actually using the role=application which makes screen readers behave a
little to much like the web page is software sometimes.
As Ian says, there are probably a few varied opinions on this depending on
whom you ask.
-----Original Message-----
From: program-l-bounce@xxxxxxxxxxxxx [mailto:program-l-bounce@xxxxxxxxxxxxx]
On Behalf Of Ian Sharpe
Sent: Wednesday, October 03, 2012 6:08 AM
To: program-l@xxxxxxxxxxxxx
Subject: [program-l] Re: accessibility of jquery dialogue
It may be worth you asking this question on the W3C wai-ig list as there are
many experienced web content accessibilty experts subscribed and who may
well have already looked at this.
Based on my experience, using the jquery dialog with nvda on FF, I couldn't
work out how to get nvda to read the content of the message easily. It read
the button text OK and I could tab around the dialog OK. But couldn't work
out how to get at the message text. Whether there is a solution to this, or
whether this is an issue with nvda / FF and how the dialog is marked up I
don't know. Be interested what others have found.
Cheers
Ian
-----Original Message-----
From: program-l-bounce@xxxxxxxxxxxxx [mailto:program-l-bounce@xxxxxxxxxxxxx]
On Behalf Of Chamandeep Grover
Sent: 03 October 2012 10:38
To: program-l
Subject: [program-l] accessibility of jquery dialogue
hello,
My company is changing its previous website code to modern styling.
One of the things they are using is the jquery ui dialogue. As you all may
know, when the dialogue is displayed on screen, all of the other elements
are not able to receive focus by jaws and i believe with the mouse either.
The dialogue should ideally receive primary focus and be accessible with
jaws or any other screen reader, however that is not always the case. During
testing, the dialogue may come up at the bottom of the page or at another
position; dependant on the page.
So my question is, firstly is there a way to make this dialogue fully
accessible so there is no inconsistency with the primary focus. If not, what
alternatives are available similar to the jquery dialogue?
Thanks
Chamandeep
** To leave the list, click on the immediately-following link:-
** [mailto:program-l-request@xxxxxxxxxxxxx?subject=unsubscribe]
** If this link doesn't work then send a message to:
** program-l-request@xxxxxxxxxxxxx
** and in the Subject line type
** unsubscribe
** For other list commands such as vacation mode, click on the
** immediately-following link:-
** [mailto:program-l-request@xxxxxxxxxxxxx?subject=faq]
** or send a message, to
** program-l-request@xxxxxxxxxxxxx with the Subject:- faq
** To leave the list, click on the immediately-following link:-
** [mailto:program-l-request@xxxxxxxxxxxxx?subject=unsubscribe]
** If this link doesn't work then send a message to:
** program-l-request@xxxxxxxxxxxxx
** and in the Subject line type
** unsubscribe
** For other list commands such as vacation mode, click on the
** immediately-following link:-
** [mailto:program-l-request@xxxxxxxxxxxxx?subject=faq]
** or send a message, to
** program-l-request@xxxxxxxxxxxxx with the Subject:- faq
** To leave the list, click on the immediately-following link:-
** [mailto:program-l-request@xxxxxxxxxxxxx?subject=unsubscribe]
** If this link doesn't work then send a message to:
** program-l-request@xxxxxxxxxxxxx
** and in the Subject line type
** unsubscribe
** For other list commands such as vacation mode, click on the
** immediately-following link:-
** [mailto:program-l-request@xxxxxxxxxxxxx?subject=faq]
** or send a message, to
** program-l-request@xxxxxxxxxxxxx with the Subject:- faq
Other related posts:
