WebAIM - Web Accessibility In Mind

E-mail List Archives

JAWS, group of buttons, and ARIA

for

From: R.U. Steinberg
Date: May 10, 2017 7:43AM

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>