Netui tags - ADA Compliance

Question

I've run into a situation with netui tags that I'm wondering if anyone can shed some light on. Before we release apps here, they're checked for compliance with the Americans with Disabilities Act. The folks that do this checking asked that my app have <label> tags for all my form fields with a "for=" attribute that matches an "id=" attribute in the input tag, like the following:
          <label for="xyz">Select location</label>
          <select name=setting_key id="xyz">
          </select>
          I think having these tags help screen readers to read the screens or something. My problem is that the netui tags don't offer the id attribute. I've ripped out most of my netui tags and replaced them with standard html tags, but for a radio button, I can't get it to work. My netui tags that work look like this:
          <netui-data:repeater dataSource="{pageFlow.addrArray}">
          <netui-data:repeaterItem>
          <netui:radioButtonGroup dataSource="{actionForm.addressid}">
          < netui:radioButtonOption value="{container.item.addressID}" />
          </netui:radioButtonGroup>
          </netui-data:repeaterItem>
          </netui-data:repeater>
          I've tried several varations on something like this:
          <input type="radio" name="{actionForm.addressid}" value="{container.item.addressID}" id="addrid">
          Anyone have any ideas?
          Thanks.

Answer 1

Use tagId