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.

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

[bug]: Incomplete focus Indicator for Footer links on mobile #4281

Open
alionazherdetska opened this issue Dec 14, 2024 · 0 comments · May be fixed by #4306
Open

[bug]: Incomplete focus Indicator for Footer links on mobile #4281

alionazherdetska opened this issue Dec 14, 2024 · 0 comments · May be fixed by #4306
Assignees
@alionazherdetska
Labels
💜 accessibility 🐞 bug Something isn't working 📦 components Related to the @swisspost/design-system-components package
Milestone
PPNL Support

Comments

@alionazherdetska
Copy link
Contributor

alionazherdetska commented Dec 14, 2024 •
edited
Loading

When navigating through links within the accordion items in the Footer using the Tab key on a mobile device, the left border of the focused link appears incomplete or "cut off," impacting the visibility of the focus indicator.

Steps to Reproduce:

  1. Adjust the browser or application window to simulate a mobile device viewport size.
  2. Expand an accordion item in the Footer.
  3. Use the Tab key (via an external keyboard or accessibility tools) to navigate through the focusable links within the accordion.
  4. Observe the focus indicator as it moves through the links. Note the left border of the focused link appearing "cut off" or incomplete.

Image
Image
@alionazherdetska alionazherdetska added this to the PPNL Support milestone Dec 14, 2024
@alionazherdetska alionazherdetska added 🐞 bug Something isn't working 📦 styles Related to the @swisspost/design-system-styles package 💜 accessibility and removed 📦 styles Related to the @swisspost/design-system-styles package labels Dec 14, 2024
@alionazherdetska alionazherdetska changed the title Incomplete focus Indicator for Footer links on mobile [bug]: Incomplete focus Indicator for Footer links on mobile Dec 15, 2024
@gfellerph gfellerph added the 📦 components Related to the @swisspost/design-system-components package label Dec 16, 2024
@gfellerph gfellerph moved this from 👀 Triage to 💻 Ready for development in Design System Production Board Dec 16, 2024
@alionazherdetska alionazherdetska self-assigned this Dec 16, 2024
@alionazherdetska alionazherdetska linked a pull request Dec 16, 2024 that will close this issue
fix(styles): fix focus indicator visibility for links in accordion items inside the footer on mobile #4306
Open
@alionazherdetska alionazherdetska moved this from 💻 Ready for development to 🤬 Dev in Code Review in Design System Production Board Dec 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@alionazherdetska alionazherdetska

Labels
💜 accessibility 🐞 bug Something isn't working 📦 components Related to the @swisspost/design-system-components package
Projects
Design System Production Board
Status: 🤬 Dev in Code Review
Milestone
PPNL Support
2 participants
@gfellerph @alionazherdetska