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

feat(core): use focus-visible instead of focus #644

Merged
merged 1 commit into from
Mar 13, 2024

Conversation

christensenep
Copy link
Contributor

What/Why?

Use focus-visible instead of focus, so that we retain our focus styles for accessibility purposes, but do not style elements when focused via actions like click or touch events.

Testing

Ensured no focus styling is visible when using click or touch events, but remains when navigating via keyboard.

@christensenep christensenep requested a review from a team as a code owner March 12, 2024 23:22
Copy link

changeset-bot bot commented Mar 12, 2024

🦋 Changeset detected

Latest commit: b269035

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages
Name Type
@bigcommerce/components Patch
@bigcommerce/catalyst-core Patch
@bigcommerce/docs Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

vercel bot commented Mar 12, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
catalyst-latest ✅ Ready (Inspect) Visit Preview 💬 Add feedback Mar 12, 2024 11:39pm
4 Ignored Deployments
Name Status Preview Comments Updated (UTC)
catalyst-1millionproducts-store ⬜️ Ignored (Inspect) Visit Preview Mar 12, 2024 11:39pm
catalyst-au ⬜️ Ignored (Inspect) Visit Preview Mar 12, 2024 11:39pm
catalyst-storybook ⬜️ Ignored (Inspect) Visit Preview Mar 12, 2024 11:39pm
catalyst-uk ⬜️ Ignored (Inspect) Visit Preview Mar 12, 2024 11:39pm

Copy link
Contributor

@matthewvolk matthewvolk left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🍹 Not sure if you meant to add apps/core/components/header/index.tsx

@christensenep
Copy link
Contributor Author

🍹 Not sure if you meant to add apps/core/components/header/index.tsx

Impressive catch, had modified but not saved the file, thanks.

Copy link
Contributor

⚡️🏠 Lighthouse report

We ran Lighthouse against the changes and produced this report. Here's the summary:

Category Score
🟢 Performance 99
🟢 Accessibility 100
🟠 Best practices 78
🟢 SEO 92

Lighthouse ran against https://catalyst-latest-k2jyhpp45-bigcommerce-platform.vercel.app/

@christensenep christensenep added this pull request to the merge queue Mar 13, 2024
Merged via the queue into main with commit a2ce3b5 Mar 13, 2024
12 checks passed
@christensenep christensenep deleted the use-focus-visible branch March 13, 2024 18:35
@github-actions github-actions bot mentioned this pull request Mar 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants