37. أساسيات إمكانية الوصول (ARIA والوسوم الدلالية)
تعني إمكانية الوصول إلى الويب (A11y) تصميم مواقع يمكن للأشخاص ذوي الإعاقة استخدامها. HTML هي الخطوة الأولى نحو بناء مواقع يمكن الوصول إليها.
37.1 دور HTML الدلالية
تعتمد قارئات الشاشة على الوسوم الدلالية لتفسير هيكل الصفحة.
- إذا كنت تستخدم وسم
<nav>، يمكن لمستخدم قارئ الشاشة القفز مباشرة إلى التنقل. - إذا كنت تستخدم عناصر
<div>فقط، يرى قارئ الشاشة صناديق عامة، مما يجعل التنقل صعباً.
37.2 خصائص ARIA (Accessibility Rich Internet Applications)
توفر خصائص ARIA معنى دلالياً إضافياً للعناصر غير الدلالية أو الديناميكية.
أدوار ARIA (ARIA Roles)
إذا كان يجب عليك استخدام <div> لزر ما، يمكنك منحه دوراً (role) لإخبار التكنولوجيا المساعدة بما هو عليه.
html
اضغط هنا
حالات وخصائص ARIA (ARIA States and Properties)
تستخدم aria-label لتوفير تسمية وصفية للعناصر التي تفتقر إلى نص مرئي، مثل الأزرار التي تحتوي على أيقونات فقط.
html
القاعدة الذهبية لـ ARIA: إذا كان عنصر HTML أصلي (مثل <button>) يقوم بالمهمة، فاستخدمه بدلاً من محاولة إضافة ARIA إلى <div>.