نقشهای ARIA به عناصر فاقد معنای بومی، اطلاعات معنایی اضافه میکنند. اولویت همیشه با عناصر استاندارد HTML است؛ اما در رابطهای سفارشی میتوان از ARIA برای کمک به فناوریهای کمکی استفاده کرد.
دسترسپذیری: استفاده صحیح از نقشهای ARIA
<div
role="button"
tabindex="0"
onclick="handleAction()"
onkeydown="(event) => { if(event.key === 'Enter' || event.key === ' ') handleAction() }"
>
Click Me
</div>
<div role="navigation">
<ul>
<li><a href="/">Home</a></li>
</ul>
</div>
Great overview of ARIA. So important!