إتاحة إمكانية الوصول إلى الإضافة

بالنسبة إلى العديد من المستخدمين، تمثّل تسهيل الاستخدام واجهة المستخدم بشكل حرفي، ويمكن أن تكون ميزاتها في كثير من الأحيان مفيدة للمستخدمين الذين لا يحتاجون إلى أدوات تسهيل الاستخدام كوسيلة أساسية للتفاعل مع الإضافة. وتكون الأساليب متنوعة. على أقل تقدير، يجب أن يكون النص عالي التباين. يجب إضافة شرح إلى الفيديوهات. يجب أن تتضمّن الصور سمات alt.

ولكن، كما ذكرنا، هذا هو الحد الأدنى فقط. يتم وصف الأساليب الإضافية في ما يلي.

تتوفر عدة طرق لتنفيذ إمكانية الوصول، ولكن الطريقة الأسهل هي استخدام عنصر تحكم HTML قياسي، وتحديدًا عناصر الإدخال. تُظهر الصورة التالية عناصر التحكّم هذه.

لقطات شاشة ورمز للزر ومربّع الاختيار والاختيار والنص والتحديد/الخيار والرابط
لقطات شاشة ورمز للزر ومربّع الاختيار والراديو والنص والاختيار/الخيار والربط

استخدِم سمات ARIA لإتاحة الوصول إلى عناصر أخرى. توفِّر هذه السمات لقارئ الشاشة معلومات عن وظيفة عناصر التحكّم وحالتها في صفحة الويب. إليك مثالاً.

<div role="toolbar" tabindex="0" aria-activedescendant="button1">
  <img src="buttoncut.png" role="button" alt="cut" id="button1">
  <img src="buttoncopy.png" role="button" alt="copy" id="button2">
  <img src="buttonpaste.png" role="button" alt="paste" id="button3">
</div>

بشكل تلقائي، تكون العناصر الوحيدة في HTML DOM التي يمكنها تلقّي تركيز لوحة المفاتيح هي علامات الارتساء والأزرار وعناصر التحكّم في النموذج. يتيح ضبط السمة tabIndex على عنصر HTML التركيز على لوحة المفاتيح. مثال:

<div tabindex="0">I can receive focus with the tab key.</div>

للحصول على تعليمات حول تنفيذ هذه الأساليب وغيرها، راجع دعم تسهيل الاستخدام.