Skip to content

feat: improve accessibility by adding ARIA labels#75

Open
aliyasyeddd wants to merge 1 commit into
Mohit-368:mainfrom
aliyasyeddd:feat/aria-labels-accessibility
Open

feat: improve accessibility by adding ARIA labels#75
aliyasyeddd wants to merge 1 commit into
Mohit-368:mainfrom
aliyasyeddd:feat/aria-labels-accessibility

Conversation

@aliyasyeddd
Copy link
Copy Markdown
Contributor

Description

This PR improves ReadmeForge accessibility by adding ARIA labels, accessible roles, and state attributes across interactive elements. It makes the app more usable for screen reader and keyboard users, in line with the accessibility feature request.

Changes

  • Added descriptive aria-label attributes to inputs, textareas, selects, and upload controls
  • Added aria-label support for buttons including template actions, preview tabs, screenshot removal, and theme toggle
  • Added accessible states such as aria-checked and aria-pressed for toggles and selectable controls
  • Improved keyboard accessibility for the upload drop zone and quality panel toggle
  • Added accessible heading semantics for editor sections
  • Improved live preview accessibility with role="region", aria-live="polite", and dynamic preview labels

Closes : #10

@netlify
Copy link
Copy Markdown

netlify Bot commented May 7, 2026

Deploy Preview for makeareadme ready!

Name Link
🔨 Latest commit 1e611a1
🔍 Latest deploy log https://app.netlify.com/projects/makeareadme/deploys/69fc91e114d4cd00088489ec
😎 Deploy Preview https://deploy-preview-75--makeareadme.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

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

@aliyasyeddd aliyasyeddd changed the title feat: improve README editor accessibility and preview controls feat: accessibility by adding ARIA labels May 7, 2026
@aliyasyeddd aliyasyeddd changed the title feat: accessibility by adding ARIA labels feat: improve accessibility by adding ARIA labels May 7, 2026
@Mohit-368 Mohit-368 closed this May 11, 2026
@Mohit-368 Mohit-368 reopened this May 11, 2026
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.

Add ARIA labels for screen reader accessibility

2 participants