E-mail List Archives
Thread: JAWS, group of buttons, and ARIA
Number of posts in this thread: 4 (In chronological order)
From: R.U. Steinberg
Date: Wed, May 10 2017 7:43AM
Subject: JAWS, group of buttons, and ARIA
No previous message | Next message →
I have a question regarding JAWS 18, ARIA, and buttons. Let's say I have a
group of buttons and I want JAWS to announce the name of the group, as well
as the name of the individual buttons as users navigate to them. The only
way I can seem to get this working is to have a DIV with a role of toolbar,
then inside of it, a div with a role of group. Is this the only way? Also
is there a way to code it so that JAWS will announce how many items are in
the group or toolbar? Thank you ahead of time.
<div role="toolbar">
<div role="group" aria-label="Test ButtonBar">
<button id="myPrimaryButton" type="button">Primary Button</button>
<button id="mySecondaryButton1"
type="button">Secondary Button</button>
</div>
</div>
From: Jim Allan
Date: Wed, May 10 2017 9:42AM
Subject: Re: JAWS, group of buttons, and ARIA
← Previous message | Next message →
It reads fine when the entire page is read. also when I use a down arrow.
Jaws says toolbar with 2 items, then group Test ButtonBar . If I tab in it
just says the button name.
NVDA did not tell the number of items. I added a list around the buttons,
then NVDA told the number of buttons. Jaws said toolbar with 2 items, then
group, then list with 2 items. - a bit repetitive.
Jim
On Wed, May 10, 2017 at 8:43 AM, R.U. Steinberg < = EMAIL ADDRESS REMOVED =
> wrote:
> I have a question regarding JAWS 18, ARIA, and buttons. Let's say I have a
> group of buttons and I want JAWS to announce the name of the group, as well
> as the name of the individual buttons as users navigate to them. The only
> way I can seem to get this working is to have a DIV with a role of toolbar,
> then inside of it, a div with a role of group. Is this the only way? Also
> is there a way to code it so that JAWS will announce how many items are in
> the group or toolbar? Thank you ahead of time.
>
>
>
> <div role="toolbar">
>
> <div role="group" aria-label="Test ButtonBar">
>
> <button id="myPrimaryButton" type="button">Primary Button</button>
>
> <button id="mySecondaryButton1"
> type="button">Secondary Button</button>
>
> </div>
>
> </div>
> > > > >
--
Jim Allan, Accessibility Coordinator
Texas School for the Blind and Visually Impaired
1100 W. 45th St., Austin, Texas 78756
voice 512.206.9315 fax: 512.206.9264 http://www.tsbvi.edu/
"We shape our tools and thereafter our tools shape us." McLuhan, 1964
From: Birkir R. Gunnarsson
Date: Wed, May 10 2017 10:03AM
Subject: Re: JAWS, group of buttons, and ARIA
← Previous message | Next message →
Why do you need both a toolbar and a group?
Have you tested using just one or the other?
<div role="toolbar" aria-label="group label">
...
,/div>
or ditto with role="group"?
Technically you can use aria-setsize and aria-posinset to indicate
total number of buttons in a group and the relative position of each
button:
(you need to check the ARIA spec to see what type of element this
attribute is valid on).
On 5/10/17, Jim Allan < = EMAIL ADDRESS REMOVED = > wrote:
> It reads fine when the entire page is read. also when I use a down arrow.
> Jaws says toolbar with 2 items, then group Test ButtonBar . If I tab in it
> just says the button name.
> NVDA did not tell the number of items. I added a list around the buttons,
> then NVDA told the number of buttons. Jaws said toolbar with 2 items, then
> group, then list with 2 items. - a bit repetitive.
>
> Jim
>
> On Wed, May 10, 2017 at 8:43 AM, R.U. Steinberg < = EMAIL ADDRESS REMOVED =
>> wrote:
>
>> I have a question regarding JAWS 18, ARIA, and buttons. Let's say I have a
>> group of buttons and I want JAWS to announce the name of the group, as
>> well
>> as the name of the individual buttons as users navigate to them. The only
>> way I can seem to get this working is to have a DIV with a role of
>> toolbar,
>> then inside of it, a div with a role of group. Is this the only way? Also
>> is there a way to code it so that JAWS will announce how many items are in
>> the group or toolbar? Thank you ahead of time.
>>
>>
>>
>> <div role="toolbar">
>>
>> <div role="group" aria-label="Test ButtonBar">
>>
>> <button id="myPrimaryButton" type="button">Primary Button</button>
>>
>> <button id="mySecondaryButton1"
>> type="button">Secondary Button</button>
>>
>> </div>
>>
>> </div>
>> >> >> >> >>
>
>
>
> --
> Jim Allan, Accessibility Coordinator
> Texas School for the Blind and Visually Impaired
> 1100 W. 45th St., Austin, Texas 78756
> voice 512.206.9315 fax: 512.206.9264 http://www.tsbvi.edu/
> "We shape our tools and thereafter our tools shape us." McLuhan, 1964
> > > > >
--
Work hard. Have fun. Make history.
From: R.U. Steinberg
Date: Thu, May 11 2017 11:27AM
Subject: Re: JAWS, group of buttons, and ARIA
← Previous message | No next message
Thank you. Group seems to work. If I add a title tag to each button
like "button 1 of 2" then a user can get context and that works with
NVDA, as well as JAWS. But I had no luck with aria-setsize.