Pluggable Widgets - labelled-by API

Currently I am developing a couple of input widgets that have some input field. When you want to comply with accessibility rules, every input field should be tagged with an ‘aria-labelledby’ HTML attribute.

When I control the label myself, that’s fine. But… Mendix provides a way to add a system label in your widget XML, see docs. Unfortunately we do not know the label ID when you use the system label…

So, here’s my proposal:

• You can add a label to your widget XML with the system property 

  <systemProperty key="Label"/>

• If that happens, your widget container props (typings/Widgetprops.d.ts) get appended with a new property: labelID?: string;  // This should always be an optional string 
• Now we can know the label ID and use this in our own input fields to properly set the `aria-labelledby` property