Manually assign "for" attribute for Form Labels

Today in Webflow the "for" attribute for form labels is done automatically. However, this automatic association is buggy, and cannot be edited, which can cause for accessibility issues as noted in WebAim's WAVE tool. I would like to be able to manipulate this attribute so that I can 100% guarantee a form label is associated with the correct field.

  • Josh Jacobs
  • Aug 5 2019
  • Reviewed
  • Avelino Zepeda Martínez commented
    3 Mar, 2021 10:22pm

    While some easy interactive way to associate a form label to its field would be great, allowing us to edit the "for" attribute in the custom attributes would be just enough for now. It is not feasible to have it change using JS, particularly with overly complex forms.

  • Tom Auger commented
    29 Dec, 2020 08:39pm

    This is huge. In 2021 in Ontario Canada there is new legislation requiring WCAG 2.1 AA compliance, and Webflow's forms are not WCAG compliant due to inability to properly label form fields. This means Webflow is not longer a valid tool for anyone building websites for Ontario businesses. The rest of the world isn't that far behind (the US is pretty crappy when it comes to ADA etc).

  • +4