Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility: Mini Cart footer elements sticky on zoom and block content in cart #43639

Open
5 tasks done
amberhinds opened this issue Jan 15, 2024 · 0 comments
Open
5 tasks done
Labels
focus: accessibility The issue/PR is related to accessibility. focus: cart Issues related to the cart. team: Rubik Store API checkout endpoints, Mini-Cart, Cart and Checkout related issues type: community contribution

Comments

@amberhinds
Copy link

Prerequisites

  • I have carried out troubleshooting steps and I believe I have found a bug.
  • I have searched for similar bugs in both open and closed issues and cannot find a duplicate.

Describe the bug

When zooming the website in, the Mini Cart has sticky elements in the footer that block being able to view what is in the cart. Here is a example which zoomed in 400%:
Screenshot of mini cart sticky items

Expected behavior

Low-vision users frequently zoom in on websites to be able to use them. When zooming the website there should be no sticky elements or elements blocking user's ability to read the content.

Actual behavior

Sticky elements in the Mini Cart block users from being able to see what is in the cart.

Steps to reproduce

  1. Open a browser window on a website and zoom your bowser to 250% or greater.
  2. Add a product to the cart and expand the mini cart.

WordPress Environment

N/A

Isolating the problem

  • I have deactivated other plugins and confirmed this bug occurs when only WooCommerce plugin is active.
  • This bug happens with a default WordPress theme active, or Storefront.
  • I can reproduce this bug consistently using the steps above.
@adimoldovan adimoldovan added focus: accessibility The issue/PR is related to accessibility. focus: cart Issues related to the cart. team: Rubik Store API checkout endpoints, Mini-Cart, Cart and Checkout related issues labels Jan 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
focus: accessibility The issue/PR is related to accessibility. focus: cart Issues related to the cart. team: Rubik Store API checkout endpoints, Mini-Cart, Cart and Checkout related issues type: community contribution
Projects
None yet
Development

No branches or pull requests

2 participants