fieldset element missing for accessibility?

  • Resolved rdm100

    (@rdm100)


    2 years, 7 months ago

    Hi, we have been using your Ajax Search Lite plugin and were wondering if you could help us out with an issue we have come across.

    When we were doing accessibility testing for sites using your plugin we get this accessibility error

    “All fieldset elements should be labeled with legend elements.

    The first child element inside a fieldset must be a legend element, which provides a label or description for the group. legend elements in other positions may be ignored.

    Line 5270 WCAG 2.1 A H71 Section 508 (2017) A H71

    <fieldset class=”asl_sett_scroll”>
    5271 <div class=”asl_option_inner hiddend”>
    5272 <input name=”customset[]” title=”Hidden option, ignore please” id=”2customset_21″ type=”checkbox” checked=”checked” value=”wpsl_stores”>
    5273 <label for=”2customset_21″>Hidden</label>
    5274 </div>
    5275 <div class=”asl_option_label hiddend”></div>
    5276 <div class=”asl_option_inner hiddend”>
    5277 <input name=”customset[]” title=”Hidden option, ignore please” id=”2customset_22″ type=”checkbox” checked=”checked” value=”page”>
    5278 <label for=”2customset_22″>Hidden</label>
    5279 </div>
    5280 <div class=”asl_option_label hiddend”></div>
    5281 </fieldset>
    5282 </form>
    5283 </div>
    5284 <div class=”vertical wpdreams_asl_results asl_w asl_r asl_r_2″ id=”ajaxsearchliteres2″ style=”opacity: 0; animation-duration: 300ms;”>
    5285 <div class=”results”>
    5286 <div class=”resdrg”></div>
    5287 </div>
    5288 <p class=”showmore”>

    Is there a way we can fix this by adding the legend element somewhere or would that be something you would need to change in the source code?

    Thanks,
    Rob

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author wpdreams

    (@wpdreams)

    Hi Rob,

    Well, I believe this might be a false positive catch. That fieldset is not visible, and the styling is explicitly set to “display: none” and “visibility: hidden” style attributes.
    The legend is omitted on purpose, as it serves no purpose in an invisible element, and we want to keep the HTML output to the minimum.

    Best,
    Ernest M.

    Thread Starter rdm100

    (@rdm100)

    Hi Ernest,

    Thanks for the quick reply. We are focused on the accessibility side of things as we design sites that are used by a lot of people with disabilities and have been in touch with the accessibility scanning tool developers and they have said

    ‘While it is true that “display: none” and “visibility: hidden” will hide the fieldset element in most cases, the element might still be read out in some screen readers. It is therefore always best practice to include a legend element.’

    If you were able to add the legend element and set display to none that would be really helpful?

    Thanks,
    Rob

    Plugin Author wpdreams

    (@wpdreams)

    Sure!

    I will add those, if that helps.

    Best,
    Ernest M.

    Thread Starter rdm100

    (@rdm100)

    Hey,

    That is great and thanks for your responsiveness.

    Just so we have a rough idea of when you will add the element, when do you think it will go out in your plugin update?

    Thanks,
    Rob

    Plugin Author wpdreams

    (@wpdreams)

    We are working on a major update at this very moment, I hope within the next 7-14 days we can finally release it. This change will be included of course.

    Best,
    Ernest M.

    Thread Starter rdm100

    (@rdm100)

    Hi Ernest,

    Cool, thanks for that.

    Rob

    Plugin Author wpdreams

    (@wpdreams)

    You are welcome Rob ??

    Feel free to rate the plugin if you like it, it is greatly appreciated.

    I will mark this thread as resolved now.

    Best,
    Ernest M.

    Thread Starter rdm100

    (@rdm100)

    Hey,

    Ok will do ??

    Thanks,
    Rob

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘fieldset element missing for accessibility?’ is closed to new replies.