• Resolved Apostolos Gazepis

    (@gazepisapostolos)


    Hello,

    I got an error for using Multiple form labels on the wave, the reference code is the following:

    <div class="whb-column whb-col-center whb-visible-lg">
    <div class="wd-search-form wd-header-search-form woodmart-search-form">
    Search
    <form role="search" method="get" class="searchform wd-style-default search-style-default woodmart-ajax-search" action="https://e-loukidis.gr/" data-thumbnail="1" data-price="1" data-post_type="product" data-count="20" data-sku="0" data-symbols_count="3">
    <label for="wpa_label_s" class="wpa-screen-reader-text">
    Αναζήτηση
    </label>
    ARIA labelMultiple form labels
    <input type="text" class="s" placeholder="Αναζητήστε προϊόν" value="" name="s" aria-label="Αναζήτηση" title="Αναζητήστε προϊόν" id="wpa_label_s">
    <input type="hidden" name="post_type" value="product">
    <button type="submit" class="searchsubmit">
    Very small text
    <span>
    Αναζήτηση
    </span>
    </button>
    </form>
    <div class="search-results-wrapper">
    <div class="wd-dropdown-results wd-scroll wd-dropdown woodmart-search-results">
    <div class="wd-scroll-content"></div>
    </div>

    Please advise on fixing it

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Joe Dolson

    (@joedolson)

    If you’re satisfied with aria-label only, then disable the auto form labeling feature in WP Accessibility. If you’d rather have a visible label, you’d need to edit the theme. That said, if you’re going to edit the theme, you should just make sure that all the labeling you need is present!

    Plugin Author Joe Dolson

    (@joedolson)

    (That said, I should review my scripts inspecting for pre-existing labels.)

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

The topic ‘Multiple form labels: aria-label’ is closed to new replies.