I am currently working to improve the accessibility of our company’s website, which is built using a HubSpot template.
One issue that I am running into is getting forms to comply with WCAG standards. The modules are coded in such a way that form fields are inappropriately marked as list items.
This is a WCAG 2.1 AA violation of code 1.3.1 - A - List, linked here. The reason why this is considered inaccessible is because screen reader users could encounter unecessary lists, casing confusion and preventing the user from using the form’s structure properly.
There is a simple fix to this if you know a little HTML code. However, my question is really one of convenience. I *could* just code out a design manager module that could serve the same purpose as one of HubSpot’s form templates, but what I’m really looking for is a simple fix using the HubSpot webdesign/CTA-builer interface when such issues seem baked into it. Perhaps I’m setting up the forms incorrectly? Would love to hear anyone’s thoughts.
Hi @dlnfx, I hope that you are well!
I love to see you post about such an important topic, thanks for sharing these useful links!
And I’d like to take the time to thank you for sharing your valuable feedback! This means a lot to us.
I have shared it internally to bring more visibility to it.
I have found the solution from my colleague Jaycee on this similar post “Accessibility support for HubSpot form” that might be of interest.
I’d love to put you in touch with some of our Top Experts: Hi @jeremymandle, @Bortami and @alyssamwilie what are your thought on this, please?
Do you have suggestions and/or tips to share with @dlnfx?
Also @dlnfx, I’ve noticed a similar idea already present in our Ideas Forum: Forms Web Accessibility.
To contribute, you can upvote the existing idea and share more details about your specific use case in the comments.
Thanks so much and have a beautiful day!
Please @dlnfx, let me know if there is anything else I can help with. I’ll be delighted to do so!
Have a lovely day!
Best,
Bérangère