Cart Icon accessiblity
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
Hi,
Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
Thanks
Thank, we don't need help with this, it's a suggestion to be added to Betheme.
Please leave all the suggestions on the following topic:
https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest
Thanks