Skip to content

Clarity on accessible name of checkboxes in a list #4189

@judith9209

Description

@judith9209

The code displays a list including checkboxes. The aria-labelledby for all checkboxes point to the same invisible text "__text0" "Item Selection". The accessible names of the checkboxes are not referring to "Maria/Petra".

<span id="__text0" class="sapUiInvisibleText" aria-hidden="true">Item Selection</span>
<ul role="list" aria-labelledby="__list0-header">
  <li id="__item0-__list0-0" role="listitem">
	<div id="__item0-__list0-0-selectMulti" aria-labelledby="__text0" role="checkbox" aria-checked="false">
	<div id="__item0-__list0-0-selectMulti-CbBg">
    <input id="__item0-__list0-0-selectMulti-CB" type="CheckBox">
    </div></div><div>Jones</div><div>Maria</div></div></div>
  </li>
  <li role="listitem">
	<div id="__item0-__list0-1-selectMulti aria-labelledby="__text0" role="checkbox" aria-checked="false" >
	<div id="__item0-__list0-1-selectMulti-CbBg" >
	<input id="__item0-__list0-1-selectMulti-CB" type="CheckBox"></div></div><div id="__item0-__list0-1-content" >
    <div><div >Maier</div><div >Petra</div></div></div>
  </li>
  </ul>

Would you provide information if the code is a hard violation of accessible names usage or another requirement? Do you think the accessible name of the checkbox needs to be unique?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions