Skip to content

feat(a11y): add global focus-visible and aria-labels (#126)#280

Open
Abhi666-max wants to merge 2 commits into
mayo-byte07:mainfrom
Abhi666-max:fix-a11y-focus-labels-126
Open

feat(a11y): add global focus-visible and aria-labels (#126)#280
Abhi666-max wants to merge 2 commits into
mayo-byte07:mainfrom
Abhi666-max:fix-a11y-focus-labels-126

Conversation

@Abhi666-max

Copy link
Copy Markdown

Description

Implemented global focus indicators and added missing ARIA labels to icon-only buttons to enhance accessibility (a11y) for screen readers and keyboard users, aligning with WCAG standards.

Fixes #126

Changes Made

  • Added global *:focus-visible styles in public/css/style.css for better keyboard focus visibility.
  • Added aria-label to the copy link button in public/admin.html.
  • Added aria-label attributes to dynamic edit/delete category buttons in public/js/admin.js.
  • Added dynamic aria-label for social media icon buttons in public/js/app.js.

Screenshots (if applicable)

image

Checklist

  • I have linked the relevant issue above.
  • I have tested my changes locally.
  • My code follows the project's style guidelines.

@vercel

vercel Bot commented Jun 17, 2026

Copy link
Copy Markdown
Contributor

@Abhi666-max is attempting to deploy a commit to the Mayo's projects Team on Vercel.

A member of the Team first needs to authorize it.

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.

Enhance Accessibility (a11y): Add Keyboard Focus Indicators & Screen Reader Labels to Controls

1 participant