# Cheat sheet और Interview Q&A — वेब एक्सेसिबिलिटी (A11y)

Source: https://www.geekswithgeeks.com/hi/accessibility/a11y-cheat-sheet

> सबसे महत्वपूर्ण accessibility अवधारणाओं और interview प्रश्नों के लिए त्वरित संदर्भ।

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

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

```markdown
# 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।