कहिले र कसरी ARIA प्रयोग गर्नुपर्छ?

Question

Accepted Answer

**ARIA** (Accessible Rich Internet Applications) एक सेट of attributes हो जसले accessibility semantics — roles, states, र properties — थप गर्दछ जुन native HTML ले व्यक्त गर्न सक्दैन। तर सबैभन्दा महत्त्वपूर्ण ARIA नियम हो: **पहिले native HTML लाई प्राथमिकता दिनुहोस्**। ## ARIA को पहिलो नियम: ARIA प्रयोग नगर्नुहोस् ```html

Save

``` Native elements सही roles, keyboard behavior, र focus को साथ स्वतः आउँछन्। ARIA को लागि सधैं जब native element ले काम गरेन तब मात्र पुग्नुहोस्। ## ARIA का तीन किसिम ```html

Tab 1

``` ## Live regions — गतिशील परिवर्तन घोषणा गर्नुहोस् ```html

3 results found

Error saving!

``` यो साकै उपयोगी ARIA हो: screen readers लाई content को बारेमा जो पृष्ठ reload बिना परिवर्तन हुन्छ (search results, toasts, validation errors) भन्न। ## मुख्य अपराध: assistive tech लाई झूठ बोल्नु अनुचित ARIA **कुनै पनि भन्दा नराम्रो** हो — यसले screen reader users लाई गलत जानकारी दिन्छ। र ARIA ले केवल *semantics* परिवर्तन गर्दछ, व्यवहार कहिले पनि नगर्दछ: `

` मा `role="button"` ले यसलाई focusable वा clickable बनाउँदैन; तपाईंले आफैं `tabindex` र key handlers थप्नुपर्छ। ## किन यो महत्त्वपूर्ण छ 95% को मामलामा semantic HTML प्रयोग गर्नुहोस्; custom widgets (tabs, comboboxes, menus) को लागि अन्तर भर्न र dynamic updates लाई live regions मार्फत घोषणा गर्न ARIA प्रयोग गर्नुहोस्। नियमहरु पालन गर्नुहोस् — native लाई प्राथमिकता दिनुहोस्, native semantics लाई अनावश्यक रूपमा परिवर्तन नगर्नुहोस्, states लाई synchronized राख्नुहोस्, र कहिले पनि कुनै role लागु नगर्नुहोस् जुन तपाईंले पूर्ण रूपमा लागू गर्नुहुन्न।