Cheat sheet और Interview Q&A

त्वरित चेकलिस्ट

Quick reference के लिए pre-launch accessibility checklist।

# Accessibility Pre-Launch Checklist

- [ ] Page has unique, descriptive `<title>`
- [ ] One `<h1>` per page, logical heading hierarchy
- [ ] All images have `alt` text (empty if decorative)
- [ ] All form fields have associated `<label>`
- [ ] Buttons and links have descriptive text
- [ ] Color contrast: text ≥ 4.5:1 (AA)
- [ ] Keyboard navigation works (Tab, Enter, Escape)
- [ ] Focus indicator is visible
- [ ] No keyboard traps
- [ ] Skip link to main content
- [ ] Video has captions and transcript
- [ ] No auto-playing sound
- [ ] ARIA used sparingly and correctly
- [ ] aria-live for dynamic updates
- [ ] Tested with NVDA/VoiceOver
- [ ] Axe DevTools: 0 critical issues

Interview Q&A

Q: A11y क्या है? Numeronym for Accessibility। Q: WCAG levels? A (बुनियादी), AA (न्यूनतम कानूनी), AAA (इष्टतम)। Q: Most common issue? Missing alt text और form labels। Q: ARIA first rule? Semantic HTML पहले use करें। Q: Test SR? NVDA (मुफ्त), VoiceOver (Mac), JAWS (paid)। Q: Skip links purpose? Nav को छोड़कर main content पर jump करें। Q: Updates announce करें? aria-live="polite" या aria-live="assertive"। Q: Keyboard essentials? Tab/Enter/Escape/Arrow काम करें, focus visible, कोई traps नहीं। Q: Color पर्याप्त नहीं? Text/icons के साथ pair करें। Q: बिना माउस? केवल Tab/Enter/Arrow/Escape।

संसाधन

MDN Web Docs: accessibility guide। WCAG 2.1: आधिकारिक guidelines। WebAIM: आलेख + tools। The A11Y Project: समुदाय। axe DevTools: browser extension। NVDA: मुफ्त screen reader।