Archived topic

Accessibility issue: '#wc-mini-cart' attribute is not unique

3 replies · Started by Andrew on April 3, 2020

Viewing posts 1–4 of 4

April 3, 2020 at 8:06 am #1225103

Hello,

After making a check with Lighthouse it appears that there is an accessibility issue with GP when the mini-cart is turned on:

See print screen: https://ibb.co/gD17knR

There are two identical attributes: div#wc-mini-cart.wc-mini-cart
Could this improved in a future release? I believe changing/adding class on one or both divs should make the trick.

Thanks
Best regards

April 3, 2020 at 5:06 pm #1225692

Hi there,

Thanks for the report! This is happening because there's the element on desktop, then the same element on mobile (displays elsewhere).

I'll see what I can do about it in 1.11.0 :)

April 3, 2020 at 11:35 pm #1225852

Hi Tom,

Yep, I’ve figured that out :)
I believe adding a class “desktop-mini-cart” and “mobile-mini-cart” to respectively the desktop and the mobile div should solve the issue.

Best regards
Andrew

April 4, 2020 at 9:27 am #1226480

I think we'd need to remove the ID, though, which is a shame since our CSS depends on it. I'll play :)

This archived topic is closed to new replies.

Start building better websites today.