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

Fix a11y issues in Filter Cards example #4427

Merged
merged 2 commits into from
Nov 19, 2024
Merged

Fix a11y issues in Filter Cards example #4427

merged 2 commits into from
Nov 19, 2024

Conversation

jcfilben
Copy link
Collaborator

Deploy Preview

What does this PR do?

Fix accessibility issues in Filter Cards example
https://unrivaled-bublanina-3a9bae.netlify.app/?path=/story/filtering--filter-cards

Screenshot 2024-11-19 at 11 14 20 AM

Where should the reviewer start?

What testing has been done on this PR?

In addition to the feature you are implementing, have you checked the following:

General UX Checks

  • Small, medium, and large screen sizes
  • Cross-browsers (FireFox, Chrome, and Safari)
  • Light & dark modes
  • All hyperlinks route properly

Accessibility Checks

  • Keyboard interactions
  • Screen reader experience
  • Run WAVE accessibility plugin (Chrome)

Code Quality Checks

  • Console is free of warnings and errors
  • Passes E2E commit checks
  • Visual snapshots are reasonable

How should this be manually tested?

Any background context you want to provide?

What are the relevant issues?

Closes #4363

Screenshots (if appropriate)

Should this PR be mentioned in Design System updates?

no

Is this change backwards compatible or is it a breaking change?

backwards compatible

Copy link

netlify bot commented Nov 19, 2024

Deploy Preview for unrivaled-bublanina-3a9bae ready!

Name Link
🔨 Latest commit ec61586
🔍 Latest deploy log https://app.netlify.com/sites/unrivaled-bublanina-3a9bae/deploys/673cd5b2859538000827ce86
😎 Deploy Preview https://deploy-preview-4427--unrivaled-bublanina-3a9bae.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@jcfilben jcfilben requested a review from britt6612 November 19, 2024 18:15
@jcfilben jcfilben merged commit 8a5d703 into master Nov 19, 2024
11 of 12 checks passed
@jcfilben jcfilben deleted the filter-cards-a11y branch November 19, 2024 20:05
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.

DS storybook - Filtering/Filer Cards story has incorrect <ul> and <ol> tag usage
2 participants