Adding an aria-label attribute to the tag

[Mike]

I need to add an aria label to the li of the selected tags for the multiselect control.  This is so that navigating with the keyboard over the selected tags will allow a screen reader to read the selections. I've tried using the tagTemplate, but that doesn't appear to get me access to the list item, only the span inside it.  How can I add the aria-label attribute to the li element so that it looks like:

<li class="k-button k-state-focused" deselectable="on" aria-label="Doe, John" id="select2_tag_active">

    <span deselectable="on" >Doe, John</span>

    <span unselectable="on" aria-label="delete" class="k-select"><span class="k-icon k-i-close"></span></span>

</li>

 

[Ivan Danchev]

Hello Mike,

You can set aria-label attribute to the MultiSelect tags li elements in the widget's change event handler with jQuery: dojo example.

Regards,
Ivan Danchev
Progress Telerik