Lighthouse accessibility report and Accordion FAQ
-
Accordion FAQ produces several errors for the Lighthouse report.
Would there be any chance to solve these errors in the next update of the plugin?1) Pointing to https://example.com/wp-content/plugins/response-accordion-acnd-collapse/css/font-awesome/fonts/fontawesome-webfont.woff?v=4.1.0
Ensure text remains visible during webfont load. More information: https://web.dev/font-display/
Errors 2 and 3 follow from the html structure that the plugin produces:
2) For each
div.wpsm_panel-heading
, Lighthouse analysis returns:[role]s are not contained by their required parent element. More information: https://web.dev/aria-required-parent/
3) For the h4 the plugin automatically creates, Lighthouse returns
h4.wpsm_panel-title. Heading elements are not in a sequentially-descending order. More information: https://web.dev/heading-order/
For background information, the structure the plugin automatically produces:
<div class="wpsm_panel-group" id="wpsm_accordion_190"> <!-- Inner panel Start --><div class="wpsm_panel wpsm_panel-default"> <div class="wpsm_panel-heading" role="tab"> <h4 class="wpsm_panel-title"> <a class="" data-toggle="collapse" data-parent="" href="#ac_190_collapse1"> <span class="ac_open_cl_icon fa fa-plus"></span> <span class="ac_title_class"> <span style="margin-right:6px;" class="fa fa-question-circle"></span> Some text… </span> </a> </h4> </div>
- The topic ‘Lighthouse accessibility report and Accordion FAQ’ is closed to new replies.