أخطاء التسمية الشائعة التي تُسكت عناصر التحكم

يُقرأ عنصر التحكم الذي لا يملك اسمًا محسوبًا على أنه زر أو رابط فقط. تترك هذه الأخطاء في التسمية المستخدمين في حيرة بشأن وظيفة العنصر.

غالبًا لا يُحتسب لأي زر يحتوي على أيقونة فقط اسم. أضف aria-label كي يعلن عنصر التحكم الخالي من الكلمات عن الإجراء الذي ينفذه.

لا يُعد placeholder اسمًا موثوقًا لذوي الاحتياجات الخاصة. فهو يختفي عند الكتابة، وتتجاهله برامج قراءة كثيرة، لذا أضف تسمية حقيقية.

يؤدي توجيه aria-labelledby إلى معرّف مفقود أو مكتوب خطأ إلى عدم إنشاء أي اسم، مما يلغي التسمية المقصودة بصمت.

يؤدي ضبط aria-label على سلسلة فارغة إلى محو الاسم. وينتهي العنصر من دون أي شيء يعلنه قارئ الشاشة.

يؤدي وضع aria-hidden على النص الوحيد داخل زر إلى إزالة مصدر اسمه، فيصبح عنصر التحكم مجهولًا بالنسبة إلى برامج القراءة.

الروابط التي تحمل أسماء مثل «اقرأ المزيد» أو «انقر هنا» لها أسماء من الناحية التقنية، لكنها عديمة الفائدة خارج السياق، إذ لا يعرف المستخدم وجهتها.

الاعتماد على title بوصفها الاسم الوحيد أمر محفوف بالمخاطر. فهي أقل مصادر الاسم أولوية، وتتجاهلها عدة برامج لقراءة الشاشة تمامًا.

غالبًا لا يُحتسب اسم لحقل إدخال مجرد لا يرتبط بأي label، مما يجعل المستخدمين غير متأكدين مما ينبغي إدخاله فيه.

تجبر عشرة أزرار تحمل الاسم Edit المستخدمين على تخمين الصف الذي ستؤثر فيه. امنح كل زر اسمًا مميزًا يتضمن العنصر المستهدف.

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

تعلمت المخاطر التي تجعل عناصر التحكم صامتة، بدءًا من الأزرار ذات الأيقونات فقط ووصولًا إلى المعرّفات المعطّلة، وتعلمت التحقق من كل اسم في المفتش. ✅