رفتن به محتوای اصلی

دسترس‌پذیری: استفاده صحیح از نقش‌های ARIA

نقش‌های ARIA به عناصر فاقد معنای بومی، اطلاعات معنایی اضافه می‌کنند. اولویت همیشه با عناصر استاندارد HTML است؛ اما در رابط‌های سفارشی می‌توان از 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>

1 Comment

ثبت دیدگاه

نشانی ایمیل شما منتشر نخواهد شد.