يحتوي محرر Brightspace HTML على مدقق إمكانية الوصول المدمج الذي يجعل من السهل أكثر من أي وقت مضى تحسين إمكانية الوصول إلى صفحات المحتوى الخاصة بك. فيما يلي سبع نصائح بسيطة لإنشاء موضوعات محتوى يسهل الوصول إليها بمساعدة مدقق إمكانية الوصول.
قم بتشغيل مدقق إمكانية الوصول في Brightspace
يتوفر مدقق إمكانية الوصول داخل محرر Brightspace عند إنشاء صفحات محتوى HTML أو تحريرها. يقع بجوار التدقيق الإملائي زر. يمكنك تحديد تحقق من إمكانية الوصول في أي وقت أثناء تحرير المحتوى الخاص بك.
يلتقط مدقق إمكانية الوصول مشكلات إمكانية الوصول الشائعة على محتوى HTML الثابت ويقدم اقتراحات لمساعدتك في إصلاح المشكلات على الفور.
ملاحظه: لا يحل مدقق إمكانية وصول ذوي الاحتياجات الخاصة محل اختبار المستخدم الحقيقي خاصة عندما يكون لديك أنشطة تفاعلية يتم استيرادها إلى المقرر الدراسي. لا تزال هناك حاجة إلى اختبار المستخدم الحقيقي للتنقل باستخدام لوحة المفاتيح فقط واختبار قارئ الشاشة.
إضافة نص بديل للصورة المناسبة
تتمثل مشكلة إمكانية الوصول الأكثر شيوعا في فقدان نص بديل للصورة (نص بديل). تتم قراءة النص البديل بواسطة قارئ شاشة بدلا من الصورة ، مما يسمح للمتعلمين ذوي الإعاقة البصرية بالوصول إلى المعلومات. كشرط لمعيار HTML ، يجب أن تحتوي كل صورة على بديل صفة.
كيفية إدخال نص بديل
أثناء إدراج صورة داخل محرر Brightspace ، تتم مطالبتك بإدخال النص البديل الذي سيتم تضمينه تلقائيا في كود HTML. على سبيل المثال:
<em>img src="Scoops.jpg" </em>
<em><strong>alt = "الآيس كريم"</strong></em>
<em> /></em>
يعرض مدقق إمكانية الوصول رسالة خطأ يجب أن تحتوي الصور على نص بديل إذا كان النص البديل مفقودا. سيوفر لك بعد ذلك الفرصة لإصلاح المشكلة عن طريق إضافة نص بديل داخل لوحة التقرير.
استخدم مدقق تباين الألوان
يعد تباين الألوان المنخفض مشكلة أخرى شائعة لإمكانية الوصول. إرشادات إمكانية الوصول إلى محتوى الويب (WCAG) 2.1 المستوى AA يتطلب نسبة تباين تبلغ 4.5:1 للنص العادي و3:1 للنص الكبير.
كيفية التحقق من تباين الألوان.
يعرف معظمكم بالفعل أن هناك مدقق ألوان مدمج داخل محرر Brightspace HTML. أثناء تحديد لون الخط للنص الخاص بك، يكون اللون نسبة التباين محسوبة وتشير إلى ما إذا كانت تتوافق مع معايير WCAG 2.1.
استنادا إلى نفس المبدأ، يمكن لمدقق إمكانية الوصول اكتشاف المشكلات التالية:
- يجب أن يكون للنص الكبير نسبة تباين لا تقل عن 3:1.
- يجب أن يكون للعرض المرئي نسبة تباين لا تقل عن 4.5: 1.
بقشيش: لضبط تباين الألوان، يمكنك استخدام الزر WebAIM: مدقق تباين الألوان لتفتيح أو تعتيم الخيارات لتعديل الألوان قليلا.
استخدام العناوين بشكل صحيح
تسمح العناوين للمتعلمين ذوي الإعاقة البصرية بفهم البنية المنطقية للصفحة والانتقال إلى الأقسام أو تخطيها. إذا كانت عناوين الصفحات مصنوعة فقط من نص غامق أو حجم خط كبير، فلن يتمكن قارئ الشاشة من فهم التسلسل الهرمي أو مساعدة المستخدمين على الانتقال بسرعة إلى القسم الذي يريدونه.
يجب أن تحتوي كل صفحة على عنوان H1 (عادة عنوان الصفحة) ، ثم عنوان H2 كعناوين أقسام رئيسية ، وصولا إلى H3 و H4 وما إلى ذلك. يجب أيضا استخدام العناوين بالترتيب الصحيح.
كيفية استخدام العناوين بشكل صحيح
حدد النص ثم قم بتعيينه على العنوان المناسب ، واستخدم القائمة المنسدلة تنسيق. لا تتخطى مستوى.
إذا لم تكن مستويات العناوين بالترتيب، فسيقوم مدقق إمكانية الوصول بالإبلاغ يجب أن يكون ترتيب العنوان تسلسليا.
استخدم القوائم بشكل مناسب
تنقل القوائم بنية محتوى هرمية لمستخدمي قارئ الشاشة. يجب استخدام القائمة غير المرتبة
عندما يمكن ترتيب عناصر القائمة بشكل عشوائي ، بينما يجب استخدام القائمة المرتبة
عندما يكون الترتيب المتسلسل مهما.
كيفية استخدام القوائم
حدد العناصر، ثم اختر الزر قائمة غير مرتبة إذا كان الطلب لا يهم أو حدد قائمة الطلبات من القائمة المنسدلة إذا كانت متسلسلة.
سيقترح مدقق إمكانية الوصول على استخدام ترميز القائمة للقوائم إذا لم تكن القوائم قائمة صحيحة.
إنشاء نص ارتباط تشعبي وصفي
يعد إتاحة الوصول إلى الارتباطات التشعبية أحد أهم جوانب إمكانية الوصول إلى الويب.
كيفية استخدام الارتباطات التشعبية
اختار إدراج رابط سريع الأيقونة، ثم حدد الرابط في النافذة المنبثقة، أدخل عنوان URL والعنوان الذي يصف وجهة الرابط.
أفضل الممارسات:
- إنشاء نص ارتباط تشعبي فريد ووصفي
- تجنب استخدام عنوان URL كنص ارتباط تشعبي
- تجنب عبارات مثل "انقر هنا" و "المزيد" و "انقر للحصول على التفاصيل"
- تجنب توفير رابطين بجوار بعضهما البعض يشيران إلى نفس الموقع (قد يكون الأمر مربكا لمستخدمي قارئ الشاشة). حاول الجمع بين الروابط عندما يكون ذلك ممكنا.
جداول الترميز بشكل مناسب
يحتوي الجدول على أعمدة أو صفوف توضح معنى البيانات في الشبكة. يمكن للمستخدم المبصر إجراء ارتباط مرئي بسرعة بين البيانات ورؤوس الصفوف / الأعمدة ، ولكن لا يمكن للمستخدمين الذين لا يستطيعون رؤية الجدول إجراء الارتباطات المرئية ، فهم يعتمدون على قارئ الشاشة للتنقل عبر الخلايا واحدة تلو الأخرى ، وسماع رؤوس الأعمدة / الصفوف إذا تم ترميز الجدول بشكل صحيح. للحصول على شرح مفصل ، راجع المقالة WebAIM - إنشاء جداول يمكن الوصول إليها.
كيفية ترميز الجداول
حدد الخلايا المراد ترميزها كرأس جدول، حدد خصائص خلية الجدول ثم اختر نوع الخلية ك رأس العمود أو رأس الصف.
فيما يلي بعض الأخطاء الشائعة التي يمكن اكتشافها بواسطة مدقق إمكانية الوصول:
يجب أن تحتوي الجداول على تسميات توضيحية.
كيفية الإصلاح: قم بتعيين نص وصفي موجز للإشارة إلى محتوى الجدول. سيضيف هذا
إلى داخل العنصر.يجب أن تحتوي الجداول على رأس واحد على الأقل.
كيفية الإصلاح: قم بتعيين رأس الجدول إلى "صف الرأس" أو "عمود الرأس" ، مما سيغير خلايا البيانات إلى خلايا رأس .يجب أن تكون رؤوس الجداول مقترنة بالخلايا.
كيفية الإصلاح: قم بتعيين نطاق الرأس إلى "صف" أو "عمود" لرأس الجدول البسيط ، والذي سيضيف سمة النطاق (< النطاق = "الصف" > أو <النطاق =="" "عمود")="" لربط="" خلايا="" الرأس="" وخلايا="" البيانات.<="" p="">بالإضافة إلى ذلك ، يمكنك استخدام قوالب HTML التي يمكن الوصول إليها لإنشاء صفحات جديدة لتحقيق مظهر ومظهر متسقين مع الحفاظ على إمكانية الوصول. في D2L ، ندرك احتياجات القوالب غير المطورة. معلومات إضافيةWebAIM - الهيكل الدلاليWebAIM - نص بديلWebAIM - إنشاء جداول يمكن الوصول إليهاPCC - قم بإنشاء صفحة الويب الخاصة بك D2L</النطاق>