Thanks to visit codestin.com
Credit goes to github.com

Skip to content

fix: improve accessibility across site#993

Merged
quantizor merged 1 commit into
styled-components:mainfrom
apoorvdarshan:fix/accessibility-improvements
Mar 19, 2026
Merged

fix: improve accessibility across site#993
quantizor merged 1 commit into
styled-components:mainfrom
apoorvdarshan:fix/accessibility-improvements

Conversation

@apoorvdarshan

Copy link
Copy Markdown
Contributor

Summary

Fixes #904 — addresses accessibility violations identified across the site to meet WCAG 2.1 guidelines.

  • Add aria-label to icon-only buttons in mobile navbar (sidebar toggle, nav toggle)
  • Add aria-label to GitHub social link alongside existing title
  • Add alt text to showcase navigation and main showcase images
  • Add aria-hidden="true" to decorative heart icon in footer
  • Make carousel pause control keyboard accessible (tabIndex, onKeyDown, role, aria-label)
  • Add aria-label to all <nav> landmarks for screen reader differentiation (Main, Social links, Documentation sidebar, Showcase navigation)

Test plan

  • next build succeeds with no errors
  • Run Lighthouse accessibility audit on homepage and docs pages
  • Verify all buttons/links/images have accessible names via browser dev tools accessibility inspector
  • Test keyboard navigation on carousel pause control (Enter/Space)

🤖 Generated with Claude Code

Add aria-labels to buttons, links, and nav landmarks; alt text to
images; keyboard support for carousel pause; aria-hidden on decorative
icon.
@vercel

vercel Bot commented Feb 17, 2026

Copy link
Copy Markdown

@apoorvdarshan is attempting to deploy a commit to the styled-components Team on Vercel.

A member of the Team first needs to authorize it.

@vercel

vercel Bot commented Mar 19, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
styled-components Ready Ready Preview, Comment Mar 19, 2026 6:57am

Request Review

@quantizor quantizor left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Thank you!

@quantizor quantizor enabled auto-merge (squash) March 19, 2026 06:57
@quantizor quantizor merged commit 05fbf4c into styled-components:main Mar 19, 2026
2 checks passed
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.

Increase Accessibility

2 participants