كتابة محتوى قابل للوصول

في هذه الصفحة

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


    الكتابة بأسلوب بسيط

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

    حافظ على استخدام أسلوب بسيط في الكتابة والتزم بهذه النصائح:

    • حافظ على استخدام الجمل القصيرة. ينبغي أن يبلغ طول الجملة تقريبًا من 20 إلى 25 كلمة على الأكثر.
    • استخدم كلمات سهلة. استخدم كلمات (أو تركيبة من الكلمات) مكونة من مقطع أو مقطعين إن أمكن. على سبيل المثال، استخدم "لـ" بدلًا من "من أجل".  استعن بمواقع مثل هذه للعثور على كلمات بسيطة لاستخدامها:
    • استخدم الكتابة المختصرة.
    • استخدم أدوات مثل Hemmingway Editor لقياس سلاسة القراءة للنص الخاص بك. لاستيفاء معايير WCAG، اجعل هدفك الوصول إلى مستوى سلاسة القراءة الخاص بالصف الثامن أو الأصغر.

    بنية العنوان

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

    اعمل على الاستفادة من النظام الذي تستخدمه في الكتابة. تقدم جميع الأدوات الشائعة، مثل Microsoft Word، وPowerPoint، وOpen Office خيارات أنماط وتنسيق تساعدك على إنشاء بنية صحيحة في مستنداتك. استخدم خيارات الأنماط والتنسيق الموجودة في أداة محرر المحتوى التي قمت باختيارها.

    مثال: العنوان 1 (<h1>)

    تعمل الأرقام الموجودة في نمط العنوان على إنشاء سياق بنية لقارئ الشاشة مما يساعد المستخدمون الذين لا يتمتعون بنعمة الإبصار على فهم المحتوى حتى وإن كانوا لا يستطيعون رؤية الفواصل البصرية الموجودة في المستند.

    مثال:

    <h1>إمكانية وصول ذوي الاحتياجات الخاصة في التعليم</h1>

    <h2>إمكانية وصول ذوي الاحتياجات الخاصة في Blackboard</h2>

    المزيد عن تصميم محتوى قابل للوصول


    التأكيد على المحتوى

    لا تتعرف برامج قراءة الشاشة على أنماط الخطوط ومنها ما يلي:

    • اللون
    • غامق
    • مائل
    • تسطير
    • يتوسطه خط

    استخدم هذه الأنماط لتوفير فواصل مرئية. ولا تقوم باستخدامها على أنها الوسيلة الوحيدة للإشارة إلى أهمية المعلومات أو توصيلها.

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

    لذا عندما ترغب في تقديم تلميح مرئي، تأكد من استخدامك تلميح بديل قابل للوصول إليه. استخدم علامة التعجب في نهاية الجملة إذا اقتضى الأمر. حيث أن برامج قراءة الشاشة تقوم بتغيير نبرة الصوت عند علامتي التعجب والاستفهام. ويعني ذلك عدم قيام الأداة بقراءة "علامة الاستفهام" ولكنها بدلًا من ذلك، ستعمد إلى استخدام لهجة استفهامية أثناء قراءة السؤال بصوت عال.

    مثال: مرة أخرى، لا تستخدم أنماط الخطوط بمفردها للإشارة إلى الأهمية!


    الصور

    اسأل نفسك عن الغرض من الصورة. هل الغرض منها إضفاء لمسة جمالية مرئية على الصفحة؟ أم تقديم مرجع مرئي للمستخدم المبصر لما يمكن توقعه؟ هل الصورة عبارة عن شئ يحتاجه جميع المستخدمين لاستيعاب المحتوى؟

    لذا إذا لم تكن تعلم معنى الصورة أو هدفها، فلا تستخدمها! حيث أنها ستؤدي إلى اختلاط الأمر وستكون مربكة لهؤلاء الذين يعانون من إعاقات في التعلم.

    النص البديل

    إذا كنت تستخدم LMS أو موقع ويب لتوصيل المعلومة، فستصادف حقل للنص البديل عند رفع الصورة. اترك حقل النص البديل فارغًا لـ الصور الزخرفية. وفي هذه الحالة، سيتجاهل قارئ الشاشة الصورة. وتعتبر الصورة زخرفية عند عدم قيامها بالإضافة إلى المعلومات الموجودة في الصفحة.

    المزيد عن الصور الزخرفية على موقع الويب web accessibility initiative (مبادرة إمكانية وصول ذوي الاحتياجات الخاصة إلى الويب).

    مثال: إذا كان لديك صورة توضح الأدوات الموجودة في واجهة المستخدم (UI)‏، فاشرح طريقة الوصول إليها والأشياء الموجودة في الصفحة. شاهد مثال لشرح صورة موجودة بالصفحة.

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

    لا تستخدم نفس النص البديل لكل صورة، مثل "صورة توضح النص المرتبط"، فإنها بلا معنى ولا ينتج عنها إلا التشويش.

    أبق النص البديل للصور المعقدة قصيرًا بحيث يتكون من 6 أو 7 أحرف وقم بتضمين تعليق تحت الصورة مرئي للجميع يوفر وصف واضح.

    الرسوم البيانية

    تستلزم الرسوم البيانية نصًا بديلًا. وهي عبارة عن سرد للمعلومات يقدم نفس المعلومات التي يمكن الحصول عليها بصريًا. ينبغي أن يوجد النص البديل على الصفحة بعد الصورة البيانية الموجودة على الصفحة مباشرة. قم بتضمين رابط إرساء في أعلى الصفحة لعرض النص البديل.

    راجع مثال لرسم بياني مزود بنص بديل.

    النص الموجود في الصور

    لا ينبغي تضمين النص كجزء من الصورة، وفقًا لإرشادات WCAG. ولكن قم بدلًا من ذلك بتوضح الصورة من خلال نص على الصفحة.


    الارتباطات

    من الأهمية بمكان جعل الروابط الخاصة بك وصفية. ينبغي أن يقوم كل رابط بوصف المحتوى المتوقع العثور عليه عند النقر فوقه. وهذا أمر أساسي لأداة "قائمة الروابط" التي توفرها برامج قراءة الشاشة. لا تسرد هذه الأداة إلا الروابط الموجوة على الصفحة، ولاشئ غيرها. ولا يوجد سياق إضافي للرابط.

    مثال: ستقوم أداة "قائمة الروابط" في هذه الصفحة بقراءة ما يلي: "انظر المثال لتوضيح الصورة الموجوة في الصفحة" و"مثال لرسم بياني مزود بنص بديل" وغيره. يقوم كل منهم بتوضيح المتوقع عند تحديدهما.

    • تجنب استخدام العبارات العامة مثل "انقر هنا" أو "راجع المزيد". ستقوم أدوات "قائمة الروابط" بقراءة النص الخاص بالرابط كما تم إدخاله بالضبط. عند تكرار نفس الرابط (تخيل سماع "النقر هنا، النقر هنا، النقر هنا" عدة مرات) فإنه يتسبب في حدوث حالة من الالتباس والارتباك لدى المستخدمين. فهم بحاجة لفهم إلى أين يذهب الرابط ولماذا ينبغي عليهم النقر هنا؟ وهذا ما تقوم الروابط الوصفية بتوفيره فهي توفر هذا السياق.
    • لا يُفترض أن تكون عناوين الويب وعناوين URL غنية بالمعلومات ولا ينبغي استخدامها. يقرأ قارئ الشاشة كل حرف بشكل منفرد. لذا قم بدلًا من ذلك بجعل النص وصفي.
    • قد يكون فتح الروابط في نافذة جديدة أمرًا مربك. لا تقم بذلك إلا في أضيق الحدود. وقم بإعلام المستخدمين عند قيامك باستخدام نافذة جديدة.

    القائمة والجداول

    دع الأدوات التي تقوم بإنشاء المحتوى بها تؤدي العمل. استخدم رمز نقطي، وقائمة مرقّمة، وأدوات الجدول في محرر المحتوى. أو اعرض المصدر واستخدم وسوم HTML الصحيحة.

    القوائم

    تقوم القوائم ذات الرموز النقطية التي تم إنشاؤها بشكل صحيح (<ul>)‏ بإعلام مستخدمي قارئ الشاشة بعدد العناصر الموجودة بالقائمة النقطية.

    تقوم القوائم المرقمة التي تم إنشاؤها بشكل صحيح (<ol>)‏ بإعلام مستخدمي قارئ الشاشة بعدد العناصر الموجودة في القائمة المرقمة وقراءة رقم كل عنصر.

    الجداول

    استخدم القوائم بدلًا من الجداول إن أمكن! يمكن جعل الجداول قابلة للوصول إلا أن مستخدمي برامج قراءة الشاشة بحاجة إلى معرفة أوامر ضغط المفاتيح المتقدمة للتنقل باستخدامها ولاستيعابها.

    استخدم رؤوس الأعمدة (<th>). حيث يؤدي ذلك إلى قيام برنامج قراءة الشاشة بإعادة قراءة رأس العمود لكل خلية أثناء تنقل المستخدم في الجدول. مما يقدم للمستخدم السياق لكل محتوى خلية. فكر في كيفية قراءة كل خلية عند تسمية الأعمدة وإضافة معلومات إلى الخلية.

    لا تستخدم الجدوال أبدًا لإنشاء تخطيط مرئي للمحتوى.

    مثال لجدول قابل للوصول


    أوامر ضغط المفاتيح

    توجد معايير عامة لأوامر ضغط المفاتيح في محتوى الويب. على سبيل المثال، يمكنك الضغط على المفتاح Tab لوضع تركيز الكمبيوتر على الزر التالي. ولكن لا ينبغي عليك توضيح هذه الأوامر. للحصول على قائمة بالأوامر العامة، راجع الدليل المرجعي السريع لأوامر لوحة المفاتيح JAWS هذا.

    أحيانًا، يحتاج المطورون إلى إنشاء أوامر ضغط المفاتيح الأصلية للمنتج الخاص بهم. على سبيل المثال، أنشأ Blackboard Collaborate أوامر ضغط المفاتيح الأصلية لتشغيل الميكروفوت وإيقاف تشغيله. سّجل أوامر ضغط المفاتيح الأصلية هذه في الموضوعات الخاصة بك.

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

    مثال 1

    يتم إخفاؤك وكتم الصوت لديك بعد إكمال الإعداد بشكل افتراضي. انقر فوق رمزي الميكروفون والكاميرا لبدء المشاركة الكاملة في الاجتماع.

    يمكنك باستخدام لوحة المفاتيح، الضغط على Alt + M لتشغيل الميكروفون أو إيقاف تشغيله. واضغط على Alt + C، لتشغيل الكاميرا وإيقاف تشغيلها.

    مثال 2

    تظهر أزرار المستعرض عند مشاركة عرض تقديمي بحيث يمكنك التنقل من شريحة لأخرى.

    باستخدام لوحة المفاتيح، اضغط على الزرين Alt + Page Up للانتقال شريحة واحدة للأمام. اضغط على Alt + Page Down للرجوع إلى الخلف. في جهاز الكمبيوتر الذي يعمل بنظام التشغيل Mac‏، Alt + Fn‏ + سهم لأعلى وAlt + Fn‎ + سهم لأسفل.


    الفيديو

    ينبغي وضع تعليقات لمقاطع الفيديو. لمعرفة المزيد، راجع حول إضافة تعليقات لمقاطع الفيديو.