ARIA (Accessible Rich Internet Applications) என்பது அணுகலின் சொற்பொருள் — பாத்திரங்கள், நிலைகள் மற்றும் பண்புகள் — நேட்டிவ் HTML இல் வெளிப்படுத்த முடியாது. ஆனால் மிக முக்கியமான ARIA விதி: முதல் நேட்டிவ் HTML வை விரும்புங்கள்.
Save
Save
நேட்டிவ் உপাதানங்கள் சரியான பாத்திரங்கள், விசைப்பலக வதைக்கலை மற்றும் ஃபோகাஸ் இலவசமாக வருகின்றன. நேட்டிவ் உபாதனம் வேலை செய்யாத போது மட்டுமே ARIA க்கு செல்லுங்கள்.
<!-- 1. Roles — what an element IS (for custom widgets) -->
<div role="tablist"><div role="tab" aria-selected="true">Tab 1</div></div>
<!-- 2. States — current condition (dynamic) -->
<button aria-expanded="false" aria-controls="menu">Menu</button>
<input aria-invalid="true" aria-describedby="err" />
<!-- 3. Properties — relationships / labels -->
<input aria-label="Search" />
<div aria-labelledby="heading-id"></div>
<div aria-live="polite">3 results found</div> <!-- screen reader announces updates -->
<div aria-live="assertive" role="alert">Error saving!</div> <!-- interrupts -->
இது உண்மையாகவே பயனுள்ள ARIA: பக்க மறுஆரம்பம் இல்லாமல் மாறும் உள்ளடக்கம் பற்றி திரை வாசகர்களுக்கு சொல்வது (தேடல் முடிவுகள், டோஸ்ট், சரிபார்ப்பு பிழைகள்).
தவறான ARIA எதுவும் இல்லாவிட்டால் மோசமாகும் — இது திரை வாசக பயனர்களுக்கு தவறான தகவல்களை வழங்குகிறது. மற்றும் ARIA மட்டுமே சொற்பொருள் மாற்றங்களை மாற்றுகிறது, நடத்தை ஒருபோதும் இல்லை: <div> இல் role="button" ஃபோகஸ் செய்யக்கூடிய அல்லது கிளிக் செய்யக்கூடியதாக்காது; நீங்கள் சுயமாக tabindex மற்றும் விசை கையாளர்களைச் சேர்க்க வேண்டும்.
95% வழக்கிற்கு சொற்பொருள் HTML ஐ பயன்படுத்தவும்; கொத்தVariables (கிளைகள், கலவை பெட்டிகள், மெனுக்கள்) மற்றும் நேரடி பகுதிகளின் மাধ்யমம் இயங்குகின்ற புதுப்பிப்புகளை அறிவிக்க ARIA ஐ பயன்படுத்தவும்.
விதிகளைப் பெறுங்கள் — நேட்டிவ் சாதனம், நேட்டிவ் சொற்பொருள்களை தேவையின்றி மாற்றாதீர்கள், நிலைகளை ஒத்திசைப்பாக வைத்திருங்கள், மற்றும் நீங்கள் முழுமையாக செயல்படுத்தாத ஒரு பாத்திரத்தை ஒருபோதும் பயன்படுத்தாதீர்கள்.