WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Aria role="listitem"


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


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>


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


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

>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>