WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Aria role="listitem"

for

From: Gunderson, Jon R
Date: Feb 6, 2014 10:59AM

Piumi,

I think you want to be using aria-posinset and aria-setsize attributes.

<div role="list">

<div role="listitem" aria-posinset=³1² aria-setsize=³2"> Item #1</div>
<div role="listitem" aria-posinset=³2² aria-setsize=³2"> Item #2</div>

</div>



aria-level would only be useful if you were creating hierarchical lists.

Jon




On 2/6/14, 11:24 AM, "PIUMI W" < <EMAIL REMOVED> > wrote:

>Hi,
>
>I would like to know how JAWS reads ListItems marked with levels. When
>reading the following list, it does nt give any information about its
>levels. What is the advantage of using aria-level in a role=listitem. in
>terms of screen readers.. Thanks a lot in advance..
>
><div role="list">
>
><div role="listitem" aria-level="2"> Two </div>
><div role="listitem" aria-level="1"> One </div>
>
></div>
>
>
>Thanks,
>Piumi
>>>