الأدوار تحدد ماهية الشيء

يخبر الدور التقنيات المساعدة بنوع العنصر: زر أو علامة تبويب أو تنبيه أو مربع حوار. وهو يجيب عن سؤال: ما هذا؟

تحمل معظم وسوم HTML دورًا ضمنيًا مضمّنًا فيها. فـ nav يمثل التنقل، و h1 يمثل عنوانًا، و button يمثل زرًا.

عندما لا يناسبكم وسم أصلي، تضبطون سمة role يدويًا لمنح عنصر عام هوية معروفة.

تصف أدوار الأدوات العناصر التفاعلية التي قد تنشئونها يدويًا، مثل tab و slider و switch و menuitem و treeitem.

تقسم أدوار المعالم الصفحة إلى مناطق مثل banner و main و navigation، كي يتمكن المستخدمون من الانتقال مباشرة إلى قسم.

تصف أدوار البنية المحتوى الثابت، مثل heading و list و listitem و figure. وهي تحدد شكل معلوماتكم.

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

اختيار الدور بمثابة عقد. يعني role=tab أنكم ملزمون بتوفير عنصر tablist أب، ودعم لوحة المفاتيح، وعنصر tabpanel مرتبط.

لا تضعوا دورًا أبدًا على عنصر يحمل الدور الصحيح أصلًا. فـالدور الزائد على زر حقيقي لا يضيف إلا التشويش والمخاطر.

يجرّد role=presentation العنصر من دلالاته. وهو مفيد لجدول التخطيط، لكنه خطير على أي شيء يحتاج المستخدمون إلى فهمه.

احرصوا على صحة الدور أولًا. فلا تصبح الحالات والخصائص منطقية إلا بعد أن تكون للعنصر هوية واضحة تُربط بها.

تعلمتم أن الدور يحدد ماهية العنصر. فضّلوا الأدوار الضمنية الأصلية، وأضيفوا دورًا صريحًا واحدًا فقط عند الحاجة، والتزموا بمتطلباته.