Skip to main content
Ryan_Garcia
Ryan_Garcia
Level 2
Feb 5, 2018 6:31 PM UTC
New

ADA Compliance for Forms

It would be great if we could modify forms for ADA compliance without the need of API and developer tricks. ADA compliance rules have been on the rise and are starting to become a requirement for websites. Simplifying ADA modifications for Marketo forms would be awesome. 

    6 replies

    ChristinaZuniga
    ChristinaZuniga
    Level 9
    Feb 6, 2018 5:10 PM UTC

    What kind of actions do you normally take to make forms ADA compliant @Ryan Garcia​? Just curious.

    Translate
    Ryan_Garcia
    Ryan_GarciaAuthor
    Level 2
    Feb 7, 2018 6:38 PM UTC

    Hi @Christina Zuniga,

    We add aria-description and aria-labels to form field elements.

    Translate
      Josh_Hill13
      Josh_Hill13
      Level 10
      Feb 11, 2018 3:47 AM UTC

      I doubt that Marketo would put this high on the list. The design of your pages is up to you.

      Translate
      Joseph_Moran2
      Joseph_Moran2
      Level 2
      Nov 8, 2018 6:59 PM UTC

      Today is World Usability Day. Please take this idea and make it a reality. Do it because it is the right thing to do. "No one should have to suffer through products and services that get in their way. People should not be made to feel stupid by technology."

      Translate
      Joseph Moran
        kh-lschutte
        Feb 4, 2020 4:17 PM UTC
        No text available
        Translate
        Merrisa_Brown
        Merrisa_Brown
        Level 2
        Aug 19, 2020 5:18 PM UTC

        I work for a company that requires us to meet Level AA compliance on the website. While it's nice that Marketo has added the aria-labeledby and aria-describedby attributes to the form input/select elements since this thread was started, the aria-describedby is autopopulated with the API Name for the field and prepended by "ValidMsg." Since this value doesn't match the id attribute value of another element in the page, it's causing an error in WebAIM's WAVE Web Accessibility Evaluation tool: https://wave.webaim.org/ which is what we use to check our site for ADA compliance. 

        Translate
        Terms & ConditionsAccessibility statement

        Loading footer...