Accessibility issues – Multiple form labels for Search and Esc key not supported

  • Issue 1:

    Latest release 4.6.4 has caused an accessibility issue. Search feature in the top menu (or header) returns “Multiple form labels” accessibility issue.

    Issue 2:

    Also, the search box should un-collapse using “Esc” key for keyboard only users.

    Thanks many.

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @besmartco,

    I can understand Issue #2, however, I don’t think I understand Issue #1. Would you mind explain a bit more?

    Kind regards,
    Herman ??

    Thread Starter besmartco

    (@besmartco)

    Hi Herman,

    The issue can be replicated by

    • adding “Astra search” element in top menu (via Theme customisation and Header builder )
    • Run accessibility checker using WAVE accessibility checker

    The WAVE accessibility checker display (2 X?Multiple form labels) errors for the the “Astra Search” element.

    I am testing this on WordPress 6.2.2 and Astra Theme version 4.6.4.

    Many Thanks,

    Hi @besmartco,

    This is what I have [screenshot]

    Did I do this correctly?

    I look forward to hearing from you.

    Kind regards,
    Herman ??

    Thread Starter besmartco

    (@besmartco)

    Hi Herman,

    Thanks for looking into this.

    I have manged to find the cause of the issue. The accessibility alert only appears, when you add “search” element for both Desktop and Mobile view.

    Please see screenshot of the issues on the links below:

    Screenshot 1

    Screenshot 2

    Many Thanks,

    Hi @besmartco,

    What tool did you use? It looks different from https://wave.webaim.org/?

    Kind regards,
    Herman ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Accessibility issues – Multiple form labels for Search and Esc key not supported’ is closed to new replies.