Skip to content

a11y: improve accessibility across components - #224

Open
MaggieAppleton wants to merge 1 commit into
mainfrom
ace/01KTXCP8RHBCQ29WATQ7X7PKNC
Open

a11y: improve accessibility across components#224
MaggieAppleton wants to merge 1 commit into
mainfrom
ace/01KTXCP8RHBCQ29WATQ7X7PKNC

Conversation

@MaggieAppleton

Copy link
Copy Markdown
Owner

Enhanced accessibility features across multiple components to improve screen reader support and keyboard navigation.

Changes:

  • Footer: Added aria-label attributes to all social media links and aria-hidden to icon elements for better screen reader announcements
  • TableOfContents: Converted div-based toggle elements to semantic button elements, added aria-expanded and aria-controls attributes, maintained visual consistency through CSS styling, and synchronized JavaScript to properly update aria-expanded state on interaction
  • MobileMenu: Added aria-hidden attribute to the mobile menu container for improved navigation structure
  • Navbar: Added aria-expanded and aria-controls attributes to the mobile menu toggle button and updated the toggle handler to dynamically manage aria attributes

These improvements enhance navigation clarity and assistive technology compatibility without affecting the visual design.

Created by GitHub Ace · View Session

Co-authored-by: Maggie Appleton <5599295+MaggieAppleton@users.noreply.github.com>
@vercel

vercel Bot commented Jun 12, 2026

Copy link
Copy Markdown

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

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
maggieappleton-com-v3 Ignored Ignored Jun 12, 2026 11:15am

Request Review

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.

1 participant