Low contrast issue

  • Resolved dave8441

    (@dave8441)


    4 years, 3 months ago

    When checking my webpage in Lighthouse, it reports this issue:

    Background and foreground colors do not have a sufficient contrast ratio.
    Low-contrast text is difficult or impossible for many users to read.
    Failing Elements:
    <bdi><span class=”woocommerce-Price-currencySymbol”>$</span>4.00</bdi>
    <bdi><span class=”woocommerce-Price-currencySymbol”>$</span>1,875.00</bdi>
    <bdi><span class=”woocommerce-Price-currencySymbol”>$</span>1.70</bdi>
    <bdi><span class=”woocommerce-Price-currencySymbol”>$</span>1.70</bdi>
    <bdi><span class=”woocommerce-Price-currencySymbol”>$</span>5.00</bdi>
    <bdi><span class=”woocommerce-Price-currencySymbol”>$</span>2,375.00</bdi>

    The above are the prices that are displayed under the related products. The text color is light green which apparently causes the low contrast issue. The text color for WooCommerce prices is specified to be black in the theme’s styles.css file. The prices are black at the top of the page, so why aren’t they also black for the related product prices? Thanks in advance for your help.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Vagelis

    (@eboxnet)

    Hello there, your website is not using this plugin. It looks like you are using the default WC output.

    Thread Starter dave8441

    (@dave8441)

    Sorry, my mistake. Your plugin is installed on my site, but in the settings, “Products to display” is set to zero and thus it is disabled.

    Plugin Author Vagelis

    (@eboxnet)

    No worries, still the output you are reffering to comes from your theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Low contrast issue’ is closed to new replies.