Form elements do not have associated labels

  • Resolved AmDev1

    (@amdev1)


    4 years, 5 months ago

    Hi
    When I run Google’s Lighthouse, I get a lot of accessibility issues in relation to “Form elements do not have associated labels”.
    I suspect this is related to not displaying the label. How do I resolve this without displaying labels?
    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @amdev1

    If you check the source code of your page, the fields’ have labels associated, but you’ve hidden them with CSS. If “Google’s Lighthouse” requires these labels be visible, but you want to hide them, there is no much you can do.

    Best regards.

    Thread Starter AmDev1

    (@amdev1)

    Thank for your quick replay. I don’t think Google want them to be visible rather wants associated labels so screen readers can announce them. I think setting aria-label would do the job. How can I set this for each field?

    Plugin Author codepeople

    (@codepeople)

    Hello @amdev1

    To include the aria attributes in all input boxes would require to update the plugin. I’ll include these modifications in the next update.

    Best regards.

    Thread Starter AmDev1

    (@amdev1)

    Oh brilliant! Thank you.

    Plugin Author codepeople

    (@codepeople)

    Hello @amdev1

    I’ve published, right now, an update that includes the aria-label attribute into all form’s fields where they are needed.

    Please, install the plugin’s update and let me know the result.

    Best regards.

    Thread Starter AmDev1

    (@amdev1)

    Wow! That is some service right there. Completely sorted! Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Form elements do not have associated labels’ is closed to new replies.