Product sidebar widget cause accessibility errors

  • Resolved cometto

    (@cometto)


    2 years, 4 months ago

    Hi,

    got PSI warning [accessibility section]:
    <ul> and <ol> must only directly contain <li>, <script> or <template> elements
    – <ul class=”sidebar-wrapper ul-reset”>
    – <aside id=”block_widget-16″ class=”widget block_widget”>
    – <aside id=”block_widget-17″ class=”widget block_widget”>
    – <aside id=”woocommerce_product_tag_cloud-16″ class=”widget woocommerce widget_product_tag_cloud”>

    its coming from sidebar widget on product pages. How can i fix it?

    • This topic was modified 2 years, 4 months ago by cometto.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • xue28 (woo-hc)

    (@xue28)

    2 years, 4 months ago

    Hi @cometto

    Thanks for reaching out!

    I would be happy to assist you, but I am not quite sure I understand your inquiry. Could you please provide additional details or clarify your question, so I can better assist you?

    If a screenshot would be helpful, I’d recommend using https://snipboard.io. You can share the direct link to the image as a response to this topic.

    Once we have more information, we’ll be able to assist you further.

    Thread Starter cometto

    (@cometto)

    2 years, 4 months ago

    @xue28

    Hi,

    you can check report:
    https://pagespeed.web.dev/analysis/https-liveflooring-com-produkt-podloga-sportowa-basic-black/ywfxpxugvr?hl=en&form_factor=mobile

    and go for accessibility section. You will find here what i explained. My theme support told me that this warning is coming from woocommerce.

    Plugin Support Shameem – a11n

    (@shameemreza)

    2 years, 4 months ago

    Hi @cometto

    The PSI warning you’re seeing is related to the way lists are structured in HTML, specifically with the use of <ul> and <ol> elements. To resolve this, you’ll need to ensure that these elements only contain <li>, <script>, or <template> elements directly.

    Upon inspecting your site, it appears to me that your theme might overridden or altered by the product tag list widget style, which might be the reason for the issue.

    Direct link: https://dsh.re/13b925

    Since this seems a complex issue and needs some coding customization, I recommend seeking help from the following:

    For reference, these particular forums are meant for general support with the core functionality of WooCommerce itself. For development and customization or coding questions, it’s best to ask for insight related to those on either the WooCommerce Advanced Facebook group or the WooCommerce Community Slack.

    I wish I could help more, but hopefully, this gets you going in the right direction to get the job done.

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

The topic ‘Product sidebar widget cause accessibility errors’ is closed to new replies.