Lead Gen & CRM
How can we help you?
Search our help articles, video tutorials, and quickstart guides

You've got this. You've got us. Search our Knowledge Base to quickly find answers to your questions.

Forms Web Accessibility Standards - HTML Updates

Article: 000055240
Updated: June 18, 2026

A set of structural HTML improvements for Native forms to improve accessibility

Effective on July 6th, Constant Contact Forms will receive a significant set of HTML structure improvements. These changes bring forms created directly within the Lead Gen & CRM platform into full keyboard navigability, full screen reader compatibility, and compliance with the vast majority of web accessibility standards. These changes do not impact Native or 3rd-party forms.

 

Exclamation point iconNote: If you have forms embedded on your website that are using custom CSS, you should review the article below or share with your web development team to ensure the CSS and embed codes are updated appropriately as of July 6th.

 

If changes are not made to your forms using custom CSS, the forms may experience display issues after July 6th.

 

Light Bulb IconTip: Are you looking for information about Constant Contact’s Email and Digital Marketing product? This article is for Constant Contact’s Lead Gen & CRM product. Head on over to the Email and Digital Marketing articles by clicking here. Not sure what the difference is? Read this article.


Article Contents

 
 
Users:
Administrators 
Company Managers 
Marketing Managers 
Sales Managers  
Salespersons  
Jr. Salespersons  

Impact summary

These changes are cumulative in their accessibility impact. Together, they ensure that Lead Gen & CRM Forms are:

  • Fully keyboard navigable
  • Fully compatible with screen readers
  • Compliant with the vast majority of web accessibility standards

 

What changed

There are three classes of changes that we have made to our forms: Accessibility & Screen Reader Enhancements; HTML Structure Changes; Form Field Label & Input Fixes; and Visual & Interaction Improvements.

 

Accessibility & screen reader enhancements

  • Form embed <iframe> title attribute — A title attribute has been added to the Form embed <iframe> element. This defaults to the Form's name and can be customized directly in the Form's embed code. Screen readers use this attribute to identify the embedded Form.

  • <html> lang attribute — A lang attribute is now included on the Form's <html> tag, pulled from the Form's language settings. This helps screen readers apply the correct language and pronunciation rules.

  • <title> element — A <title> element has been added to the Form document. It defaults to the Form's name and is used by screen readers to identify the page.

 

HTML structure changes

  • <main> wrapper — The entire <form> HTML element is now wrapped in a <main> tag, designating the Form as the primary content section of its HTML document.

  • Form Rows element change — Form "Rows" has been updated from <div> elements to <li> (list item) elements.

  • <li> / <ul> nesting fix — An issue has been resolved where <li> list item elements were not direct children of their parent <ul> unordered list elements, as required by HTML standards.

  • Element Form Fields — Element-type Form Fields (e.g., Header, Horizontal Rule, Text) now have their HTML wrapped in an <li> list item element.

  • Upload Fields — Upload Field types now also have their HTML elements wrapped in an <li> list item element.

  • Error elements — Form validation errors now render using a <span> element instead of a <div>.

 

Form Field label & input fixes

  • <label> for attribute alignment — All Form Field <label> elements now correctly reference their associated <input> elements via the for attribute, where applicable.

  • Radio, Checkbox, Boolean, and Bit fields — <legend> and <fieldset> — These field types now use a <legend> element to wrap their field labels, replacing the previous <label> element. This resolves an issue where individual checkbox and radio options could not correctly associate their <label> elements with their respective <input> elements. Additionally, the individual options within these field types are now wrapped in a <fieldset> element.

  • State Field id attribute — The State Form Field's id attribute has been updated to align with the standard id convention used by other Form Field types.

 

Visual & interaction improvements

  • Radio and Checkbox Input Size options — Input Size options for Radio and Checkbox fields have been added to the Visual Form Styler.

  • Keyboard navigation for date pickers — The Date and Datetime picker fields are now fully keyboard navigable.

 

Testing recommendations

To test these changes on an existing form, you should duplicate the form, republish it, and embed the duplicated form on an unreachable test page along with your custom CSS.

If you are updating an existing form, please note that as soon as you publish any updates after July 6th, the changes will take effect everywhere the form is embedded. It is important that you test your form before publishing changes if you are using custom CSS. 

Please note that Support is unable to provide assistance updating your website’s custom CSS. Please consult your website team for assistance updating custom CSS.


Did this article answer your question?


Constant Contact Logo

Copyright © 2026 · All Rights Reserved · Constant Contact · Privacy Center