Support Center Visit Demo License manager Buy @ envato

Cart Icon accessiblity

LE-adminLE-admin
in WooCommerce

A client provided the following accessibility feedback.

*... found that your website fails to effectively communicate information to blind consumers, thereby denying them full and equal access, because much of the website's content is incompatible with screen reader auxiliary aids. For example, your site visually communicates the location of its checkout platform with a shopping cart or bag button near the top of its website. Consumers who perceive content visually will recognize this button and understand that by clicking it, your site will redirect them to its online checkout platform. your site fails to effectively communicate this same information to screen reader users, including Blair, because your site has not labeled the button with sufficient alternative text. This ineffective communication makes it more difficult, or impossible, for Blair to locate your online checkout platform and complete a purchase.*

Is it possible to add an aria label to the /includes/header-top-bar-right.php for the woocommerce cart on or around line 45

        echo '<a id="header_cart" href="'. esc_url(wc_get_cart_url()) .'" aria-label="Your cart has ' . esc_html($woocommerce->cart->cart_contents_count) .' products"><i class="'. esc_attr($show_cart) .'"></i><span>'. esc_html($woocommerce->cart->cart_contents_count) .'</span></a>';


Thanks for your help!

Comments

Sign In or Register to comment.