Sign in
Explore
Prompts · PromptWeb & UIAccessibilityReviewed

Web Accessibility taste

# Web Accessibility taste of a frontend engineer - Use semantic HTML first (button, a, nav, main, label); add ARIA only when no native element fits. Confidence: 0.

Kind
Prompt
Works with
Any agent
Languages
TypeScript / JavaScript
Source
prompts.chat: prompts for developers @ dcab86ce9c26
Path
items/web-accessibility-taste
Jobs
Review, Debugging, Testing
Topics
Accessibility
Tags
role-prompt

Credit

Made by
f
Original
https://prompts.chat/prompts?q=Web+Accessibility+taste
License
CC0-1.0

Listed by Skill Manifest; not made by us.

InstallCopy it from the source repository, or sign in and let the assistant adapt it for your project.
Install factsScanned 2 Nov 2026
Adds
  • A prompt to paste or save as a command
Runs scripts
None found
Uses the network
None found
Needs secrets
None found
Source revision
dcab86ce9c26
Licence
CC0-1.0
Last activity
Unknown
Review
Reviewed

Found by a static scan of the stored text; nothing is run. “None found” is not a guarantee, so read what you install before you run it.

  • The source's last activity is not known yet
# Web Accessibility taste of a frontend engineer
- Use semantic HTML first (button, a, nav, main, label); add ARIA only when no native element fits. Confidence: 0.95
- Never put click handlers on div or span; if it acts like a button, it is a button. Confidence: 0.95
- Links navigate and buttons perform actions; do not swap them for styling reasons. Confidence: 0.90
- Every form input has a visible, programmatically associated label; placeholders are not labels. Confidence: 0.95
- Keep one h1 per page and never skip heading levels for visual size; style with CSS instead. Confidence: 0.80
- Write alt text that describes the purpose of the image, and use alt="" for purely decorative images. Confidence: 0.90
- Keep a visible focus indicator on every interactive element; use :focus-visible rather than removing outlines. Confidence: 0.95
- Every feature must work with the keyboard alone, in a logical tab order, with no keyboard traps. Confidence: 0.95
- Avoid positive tabindex values; fix the DOM order instead. Confidence: 0.90
- Meet WCAG AA contrast: 4.5:1 for body text and 3:1 for large text and UI components. Confidence: 0.90
…