ඔබ දකින බොහෝ භූමිකාවන් ARIA 1.0 හි කොටසක් ලෙස අර්ථ දක්වා ඇති අතර පසුව HTML-AAM වැනි ආධාරක පිරිවිතර හරහා HTML සමඟ සම්බන්ධ විය. සමහර නව HTML5 අංග (දෙබස්, ප්‍රධාන, ආදිය) මුල් ARIA භූමිකාවන් මත පදනම් වේ.
http://www.w3.org/TR/wai-aria/
ඔබේ දේශීය අර්ථකථන අංගයට අමතරව භූමිකාවන් භාවිතා කිරීමට මූලික හේතු කිහිපයක් තිබේ.
හේතුව # 1. ධාරක භාෂා අංගයක් සුදුසු නොවන භූමිකාව අභිබවා යාම හෝ විවිධ හේතූන් මත අඩු අර්ථාන්විත සුදුසු අංගයක් භාවිතා කිරීම.
මෙම උදාහරණයේ දී, සබැඳියක් භාවිතා කරන ලදි, එහි ප්‍රති ing ලයක් ලෙස ක්‍රියාකාරීත්වය සංචාලන සම්බන්ධකයකට වඩා බොත්තම් වැනි ය.
<a href="#" role="button" aria-label="Delete item 1">Delete</a>
<!-- Note: href="#" is just a shorthand here, not a recommended technique. Use progressive enhancement when possible. -->
තිර පා readers ක පරිශීලකයින්ට මෙය බොත්තමක් ලෙස ඇසෙනු ඇත (සබැඳියකට වඩා වෙනස්ව), ඔබට පන්ති-අයිටිස් සහ ඩිව්-අයිටිස් වළක්වා ගැනීමට CSS ගුණාංග තේරීම් යන්ත්‍රයක් භාවිතා කළ හැකිය.
[role="button"] {
/* style these as buttons w/o relying on a .button class */
}
[වසර 7 කට පසුව යාවත්කාලීන කරන්න: සමහර විචාරකයින් සතුටු කිරීම සඳහා * තේරීම් කාරකය ඉවත් කරන ලදි, ආරෝපණ තේරීම්කරුවන් සඳහා විශ්ව තේරීම් අවශ්‍ය වන පැරණි බ්‍රව්සර් විග්‍රහය 2020 දී අනවශ්‍යය.]
හේතුව # 2. ARIA භූමිකාව ක්‍රියාවට නංවා ඇති නමුත් තවමත් ස්වදේශීය මූලද්‍රව්‍යයේ භූමිකාව ක්‍රියාත්මක කර නොමැති බ්‍රව්සර් සඳහා සහය දැක්වීම සඳහා ස්වදේශීය මූලද්‍රව්‍යයක භූමිකාව උපස්ථ කිරීම.
උදාහරණයක් ලෙස, "ප්‍රධාන" භූමිකාව වසර ගණනාවක් තිස්සේ බ්‍රව්සර් සඳහා සහය ලබා දී ඇත, නමුත් එය HTML5 ට සාපේක්ෂව මෑත කාලීන එකතු කිරීමකි, එබැවින් බොහෝ බ්‍රව්සර් තවමත් අර්ථ නිරූපණයට සහය නොදක්වයි <main>.
<main role="main">…</main>
මෙය තාක්‍ෂණිකව අතිරික්ත වන නමුත් සමහර පරිශීලකයින්ට උදව් වන අතර කිසිවෙකුට හානියක් නොකරයි. වසර කිහිපයකින්, මෙම තාක්ෂණය ප්‍රධාන වශයෙන් අනවශ්‍ය වනු ඇත.
හේතුව # 3.
අවුරුදු 7 කට පසුව යාවත්කාලීන කරන්න (2020): අවම වශයෙන් එක් විචාරකයෙකු පෙන්වා දුන් පරිදි, මෙය දැන් අභිරුචි අංග සඳහා ඉතා ප්‍රයෝජනවත් වන අතර වෙබ් සංරචකයක පෙරනිමි ප්‍රවේශ්‍යතා භූමිකාව නිර්වචනය කිරීම සඳහා සමහර පිරිවිතර කටයුතු සිදු වෙමින් පවතී. එම API ප්‍රමිතිගත කළ පසු / සංරචකයක පෙරනිමි භූමිකාව අභිබවා යාමට අවශ්‍ය විය හැකිය.
සටහන / පිළිතුරු
ඔබ ද මෙසේ ලිවීය:
සමහර අය තමන්ගේම දෑ සාදන බව මට පෙනේ. එය අවසර දී තිබේද නැතහොත් භූමිකාව නිවැරදිව භාවිතා කිරීමටද?
සැබෑ භූමිකාවක් ඇතුළත් නොවන්නේ නම් එය අවසර ලත් භාවිතයකි. ටෝකන ලැයිස්තුවේ පළමු හඳුනාගත් භූමිකාව බ්‍රව්සර් මඟින් අදාළ වේ.
<span role="foo link note bar">...</a>
ලැයිස්තුවෙන් පිටත, වලංගු භූමිකාවන් පමණක් වන linkඅතර note, එම නිසා සම්බන්ධක භූමිකාව වේදිකාවට ප්රවේශ වීමේ API තුළ යෙදෙන බැවින් එය මුලින්ම පැමිණේ. ඔබ අභිරුචි භූමිකාවන් භාවිතා කරන්නේ නම්, ඔවුන් ARIA හි හෝ ඔබ භාවිතා කරන සත්කාරක භාෂාවේ (HTML, SVG, MathML, ආදිය) කිසියම් නිශ්චිත භූමිකාවක් සමඟ ගැටෙන්නේ නැති බවට වග බලා ගන්න.