Skip to content

Image in product gallery doesn't have a focus outline indicator #2187

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.

Sign up for GitHub

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

Jump to bottom
Open
2 tasks done
Manussakis opened this issue May 9, 2025 · 0 comments · May be fixed by #2188
Open
2 tasks done

Image in product gallery doesn't have a focus outline indicator #2187

Manussakis opened this issue May 9, 2025 · 0 comments · May be fixed by #2188

Comments

@Manussakis
Copy link
Member

Describe the bug

There is no focus outline indicator when the link that wraps the image in the product gallery is focused on.
This issue fails on the Focus Visible (Level AA) WCAG criterion.

Isolating the problem (mark completed items with an [x]):

  • I have deactivated other plugins and themes and confirmed this bug occurs when only WooCommerce + Storefront theme are active.
  • I can reproduce this bug consistently using the steps below.

To Reproduce

Steps to reproduce the behavior:

  1. Go to a product page.
  2. Tab navigate through the page until the focus stops on the link that wraps the image in the gallery.
  3. No focus outline indicator is visible.

Screenshots

No outline focus indicator is visible.
Image

Expected behavior

The link should get an outline focus when focused:
Image

Browser Environment

Please provide as much detail as possible about your testing environment.

  • Platform: macOS
  • Browser(s): Chrome, Firefox, and Safari

WordPress Environment

``` WordPress address (URL): http://woocommerce.test Site address (URL): http://woocommerce.test WC Version: 9.9.0-dev Legacy REST API Package Version: The Legacy REST API plugin is not installed on this site. Action Scheduler Version: ✔ 3.9.2 Log Directory Writable: ✔ WP Version: 6.8.1 WP Multisite: – WP Memory Limit: 256 MB WP Debug Mode: – WP Cron: ✔ Language: en_US External object cache: – ```
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Add outline to link that wraps image in the product gallery Manussakis/storefront
1 participant
@Manussakis