Skip to content

Fix semantically-empty accessible names — Ramp (axe can't detect these)#10

Closed
yangzhang75 wants to merge 1 commit into
mainfrom
ramp/semantic-fix-1781942066756
Closed

Fix semantically-empty accessible names — Ramp (axe can't detect these)#10
yangzhang75 wants to merge 1 commit into
mainfrom
ramp/semantic-fix-1781942066756

Conversation

@yangzhang75

Copy link
Copy Markdown
Owner

The gap axe can't see

axe-core reports 0 issues on this page — every element has an accessible name, so axe passes it. But 5 of those names are semantically empty (alt="image", aria-label="button", "click here"). Ramp catches what axe is blind to, and fixes it.

axe vs Ramp

element name axe Ramp semantic review
alt "image" ✅ pass ❌ not meaningful — Alt text is generic and unhelpful.
alt "DSC_0042.JPG" ✅ pass ❌ not meaningful — Alt text is a filename, providing no context.
button-name "button" ✅ pass ❌ not meaningful — Button name is generic and does not indicate action or purpose.
link-text "click here" ✅ pass ❌ not meaningful — Link text does not convey any meaningful information about the destination.
link-text "read more" ✅ pass ❌ not meaningful — Link text is vague and does not specify what the user would be reading more about.

Result

  • axe: 0 → 0 (unchanged — axe never saw these)
  • Ramp semantic issues: 5 → 3

Fixes applied (Claude Code, verified by re-review)

  • alt: "image" → meaningful name
  • alt: "DSC_0042.JPG" → meaningful name
  • button-name: "button" → meaningful name

🤖 Generated by Ramp. axe detects presence; Ramp judges meaning — and ships the fix. (Demo PR on a fixture; not for merge.)

@yangzhang75 yangzhang75 deleted the ramp/semantic-fix-1781942066756 branch June 21, 2026 05:07
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