Accessibility Dropdown Widget

Hi, 

I have a problem regarding accessibility using the dropdown widget.

Associating the label to the dropdown (image 1), the web accessibility tool evaluation (WAVE) failed to pass (image 2).

Viewing the source (image 3) the id attribute is applied to the div instead the select element.

I tried to use the aria-labelledby attribute in the Attributes property on the dropdown widgtet but, again, its applied on the div instead on the select.

Is there any workaround?


image 1

Image 2

Image 3


Solution

Hi Joao,

i don't know anything about accessibility compliance, but if this WAVE tool is correct about this, then I think it's a bug in Outsystems that should be fixed.

As a workaround, you could use some javascript in the OnReady of your screen to add an id to the select, and change the for in the label.  But I would consider that a temporary fix, and is not really a nice solution.

Dorine

see attached oml

Solution