Skip to content

Fix #9: improve accessibility labels for image upload previews - #12

Open
magnet78 wants to merge 2 commits into
agentsia223:mainfrom
magnet78:fix/issue9
Open

Fix #9: improve accessibility labels for image upload previews#12
magnet78 wants to merge 2 commits into
agentsia223:mainfrom
magnet78:fix/issue9

Conversation

@magnet78

Copy link
Copy Markdown

Closes #9

Improved accessibility labels for image upload previews in both AI image detection and content verification flows:

Changes:

  • Updated generic alt="Aperçu" to alt="Image upload preview — selected file preview" in both AIImageDetection.js and ImageContentVerification.js
  • This provides screen reader users with more descriptive context about what the image preview represents

Files modified:

  • client/src/components/AIImageDetection.js
  • client/src/components/ImageContentVerification.js

@immerSIR immerSIR 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.

Thanks for tackling #9. This still needs a small pass before merge.

CodeRabbit flagged, and I confirmed against the surrounding UI, that the new preview alt text is English and redundant (Image upload preview — selected file preview) while these flows are French. Please switch both preview labels to concise French copy, ideally including the selected file name when available, for example Aperçu de l'image sélectionnée : ${selectedImage.name} with a fallback.

Also, #9 specifically asks that screen readers can distinguish the AI detection upload control from the content-verification upload control. This PR updates only the preview images; please add clear accessible names to the hidden file inputs/buttons in both flows, such as distinct aria-label values that match each page context.

If the existing client test setup can cover it, please add/update a lightweight accessibility-label test; otherwise note why it is not practical in this PR.

@codecov

codecov Bot commented May 21, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

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.

Improve accessibility labels for image upload previews

2 participants