إمكانية الوصول: روابط التثبيت تحتاج إلى تسمية

بما أنها ظهرت للتو في النسخة التجريبية 7، أود الإشارة إلى أن الروابط الموجودة تحت كل عنوان فرعي في المنشور الطويل تحتاج إلى سمة aria-label. الطريقة الحالية في الترميز، التي تعتمد فقط على وسم a المسمى مع صورة خلفية محتملة مُضمنة عبر فئة CSS المسماة .anchor، تجعل قارئ الشاشة يقرأ رقمًا (غالبًا معرف المنشور) وأجزاءً من العنوان. من الأفضل أن نكون صريحين ونستخدم شيئًا مثل “رابط دائم”، أو “رابط دائم إلى” متبوعًا بنص العنوان الفرعي. بهذه الطريقة، يحصل مستخدمو قارئات الشاشة الذين يفتحون قائمة الروابط في الصفحة على روابط مسمّاة بشكل صحيح.

أيضًا، هل من الممكن وضع المرساة بعد نص العنوان داخل عنصر h، وليس قبله؟ حاليًا، عندما ينتقل قارئ الشاشة من عنوان إلى آخر، يقرأ الرابط أولاً، وإذا كان نص العنوان مكررًا في التسمية كما اقترحت أعلاه، فقد تصبح القراءة مرهقة للغاية. ونظرًا لأن مستخدمو قارئات الشاشة غالبًا ما يحصلون على نظرة عامة على الصفحة من خلال هيكل العناوين (انظر مختلف استطلاعات آراء مستخدمي قارئات الشاشة من WebAIM)، فسيكون من الأفضل وضع الرابط بعد نص العنوان.

شكرًا لكم على تحسين إمكانية الوصول في Discourse باستمرار!

4 إعجابات

حسناً، يبدو غريباً أن يتم اختيار رقم من مكان ما…

بغض النظر عن ذلك، فإن هذه الاقتراحات جميعها منطقية ولا ينبغي أن تشكل مشكلة في التنفيذ. شكراً جزيلاً مرة أخرى على النصيحة!

إعجاب واحد (1)

في حالة عدم وجود أي تسمية أخرى على رابط، ستقرأ قارئات الشاشة محتوى سمة href، بحيث يعرف المستخدمون على الأقل وجهة الرابط أو عنوان URL الخاص به.

هناك تحليل تقني عميق وممتاز حول موضوع روابط المرساة القابلة للوصول هنا: Are your Anchor Links Accessible? | Amber Wilson

إعجابَين (2)