# सर्वश्रेष्ठ प्रथाएं चेकलिस्ट — वेब एक्सेसिबिलिटी (A11y)

Source: https://www.geekswithgeeks.com/hi/accessibility/a11y-best-practices

> Production sites के लिए शीर्ष accessibility do's और don'ts।

## करें

Semantic HTML का उपयोग करें। छवियों पर alt text शामिल करें। फॉर्म पर labels प्रदान करें। 4.5:1 विपरीतता सुनिश्चित करें। कीबोर्ड navigation को support करें। स्क्रीन रीडर के साथ परीक्षण करें। ARIA को सही तरीके से उपयोग करें। Dynamic content की घोषणा करें। Skip links प्रदान करें। Heading hierarchy को logical रखें। Descriptive link text का उपयोग करें।

## न करें

Buttons के लिए divs का उपयोग न करें। Focus outline को बिना replacement के छिपाएँ न। Info देने के लिए केवल रंग पर rely न करें। छवियों में टेक्स्ट को embed न करें। Zoom को disable न करें। <marquee> या auto-play sound का उपयोग न करें। महत्वपूर्ण छवियों पर alt को भूलें न। Interactive elements को nest न करें। Keyboard traps बनाएँ न। Placeholder को label के रूप में उपयोग न करें।

## WCAG 2.1 AA quick checklist

Page title unique। Images पर alt text। Text contrast 4.5:1। Form fields पर labels। No keyboard traps। Focus visible। Color एकमात्र information source नहीं। Video में captions। Resizable text। Logical heading hierarchy।

## WCAG 3.0 preview

WCAG 3.0 आ रहा है (अभी भी draft में)। अभी WCAG 2.1 AA पर focus करें। 3.0 outcome-based scoring का उपयोग करेगा।