دليل كتابة ونشر محتوى عربي رقمي أكثر إتاحة
الإتاحة ليست إضافة تجميلية في نهاية العمل. تبدأ من اختيار كلمات واضحة وبنية منطقية، ثم تمتد إلى العناوين والروابط والصور والفيديو والنماذج وطريقة التنقل. التحسين الجيد يفيد ذوي الإعاقة، ويفيد أيضًا من يقرأ على هاتف صغير أو اتصال ضعيف أو في بيئة مشتتة.
حدود الاستخدام: هذا الدليل نقطة بداية تحريرية وتقنية مبسطة، وليس شهادة امتثال لـ WCAG ولا بديلًا عن اختبار الإتاحة مع مستخدمين وأدوات مساعدة. يجب تقييم كل موقع أو ملف أو فيديو في سياقه الفعلي.
اكتب عنوانًا فريدًا يوضح غرض الصفحة
اجعل عنوان الصفحة قصيرًا ومحددًا، وميّزه عن عناوين الصفحات القريبة. عنوان مثل خطة متابعة النوم لمدة أسبوع أوضح من نصائح مهمة، لأنه يبين الموضوع والغرض والزمن.
استخدم عنوانًا رئيسيًا واحدًا H1، ثم رتّب العناوين الفرعية حسب المعنى لا حسب الحجم البصري. لا تقفز بين المستويات لمجرد الحصول على شكل أكبر أو أصغر.
بسّط العربية دون إفراغ المعنى
استخدم جملًا مباشرة، واشرح المصطلح غير المألوف عند ظهوره أول مرة. قسّم الفقرة الطويلة عندما تنتقل إلى فكرة جديدة، وقدّم الخلاصة قبل التفاصيل عندما يكون القارئ بحاجة إلى قرار سريع.
تجنب سلاسل المترادفات والحشو والعبارات التي تؤخر المعنى. الوضوح لا يعني الكتابة الطفولية؛ بل يعني أن تكون العلاقة بين الفكرة والسبب والخطوة التالية ظاهرة.
اكتب روابط تصف وجهتها
لا تستخدم اضغط هنا أو اقرأ المزيد وحدهما. اكتب نصًا مثل اقرأ دليل اللغة الدامجة أو افتح قائمة مراجعة مقدم الرعاية، حتى يفهم القارئ وقارئ الشاشة وجهة الرابط خارج سياق الجملة.
تجنب تكرار نص رابط واحد لوجهات مختلفة في الصفحة نفسها، وبيّن بوضوح عندما يفتح الرابط ملفًا أو موقعًا خارجيًا أو تنزيلًا.
استخدم نصًا بديلًا يشرح وظيفة الصورة
اكتب النص البديل بحسب وظيفة الصورة في السياق. إذا كانت الصورة تشرح خطوة، صف المعلومة الضرورية لتنفيذ الخطوة. وإذا كانت زخرفية فقط، اجعلها قابلة للتجاهل بدل تكرار وصف لا يضيف معنى.
لا تضع فقرة كاملة داخل صورة من دون نسخة نصية حقيقية. النص الإلكتروني يمكن تكبيره وقراءته صوتيًا وتغييره حسب حاجة المستخدم، بخلاف صورة النص.
وفّر بدائل للفيديو والصوت
أضف ترجمة نصية متزامنة للكلام والمعلومات الصوتية المهمة في الفيديو المسجل. وقدّم نصًا مكتوبًا أو ملخصًا منظمًا للمحتوى الصوتي، خاصة عندما يحتوي على تعليمات أو معلومات لا تظهر بصريًا.
راجع الترجمة الآلية قبل النشر؛ فهي قد تخطئ في الأسماء والمصطلحات العربية واللهجات وعلامات الترقيم، وقد تغيّر المعنى بدل أن تنقله.
اجعل الوظائف قابلة للاستخدام بلوحة المفاتيح
يجب أن يصل المستخدم إلى الروابط والأزرار والحقول من لوحة المفاتيح بترتيب منطقي، وأن يرى موضع التركيز بوضوح. لا تجعل المرور بالفأرة هو الطريقة الوحيدة لإظهار معلومة أو تشغيل وظيفة.
تجنب المكوّنات التي تحتجز التركيز أو تخفيه خلف نافذة ثابتة. عند فتح نافذة حوار، انقل التركيز إليها بطريقة متوقعة وأعده إلى الموضع المناسب عند الإغلاق.
اربط كل حقل بتسمية وتعليمات واضحة
ضع تسمية دائمة لكل حقل، ولا تعتمد على النص المؤقت داخل الحقل وحده. اشرح الصيغة المطلوبة قبل وقوع الخطأ، ثم اذكر الخطأ بلغة قابلة للتصحيح مثل اكتب التاريخ بصيغة يوم-شهر-سنة.
لا تطلب من المستخدم إعادة إدخال معلومة سبق أن قدمها دون ضرورة، ولا تجعل حل اختبار بصري معقد شرطًا وحيدًا لتسجيل الدخول أو إرسال النموذج.
خفف الحمل المعرفي وحافظ على التوقع
حافظ على أسماء الأزرار ومواقع المساعدة والتنقل بصورة متسقة. اجمع الخطوات المتقاربة، وبيّن التقدم في العمليات الطويلة، واسمح بالتوقف والعودة عندما يكون ذلك ممكنًا.
لا تستخدم الحركة أو العد التنازلي أو النوافذ المتكررة بلا ضرورة. امنح القارئ وقتًا كافيًا، واسمح بإيقاف الحركة أو تمديد الوقت عندما يمكن أن يعيق الفهم أو الإدخال.
اختبر المحتوى بدل الاعتماد على الانطباع
راجع الصفحة على هاتف وسطح مكتب، وبالتكبير، ولوحة المفاتيح، ووضع التباين العالي أو المظهر الداكن عندما يدعمه النظام. استخدم مدققًا آليًا، لكن لا تعتبر نجاحه دليلًا كاملًا على الإتاحة.
اختبر القراءة والترتيب ورسائل الخطأ والنصوص البديلة مع أشخاص يستخدمون تقنيات مساعدة متى أمكن. الأخطاء المهمة غالبًا تظهر في الاستخدام الفعلي لا في تقرير آلي واحد.
قائمة مراجعة قبل النشر
أمثلة تحريرية سريعة
| صياغة تحتاج تحسينًا | بديل أوضح |
|---|---|
| اضغط هنا | اقرأ دليل اللغة الدامجة |
| صورة توضيحية | مخطط يبين خطوات طلب الدعم من المدرسة |
| يرجى إدخال قيمة صحيحة | اكتب رقم الهاتف من 9 إلى 12 رقمًا دون مسافات |
| عنوان فرعي مستخدم فقط لتكبير الخط | عنوان فرعي يصف القسم التالي بدقة |
| معلومة تظهر عند تمرير الفأرة فقط | معلومة يمكن الوصول إليها بالفأرة ولوحة المفاتيح واللمس |
| نص طويل داخل صورة | نص حقيقي في الصفحة مع صورة مساندة |
مسارات مرتبطة
المصادر وحدود المراجعة
الحالة التحريرية: مراجعة داخلية، ولا تمثل شهادة امتثال أو مراجعة خارجية. آخر مراجعة: 2026-07-23.
- Writing for Web Accessibility – Tips for Getting Started — W3C Web Accessibility Initiative
- WCAG 2 at a Glance — W3C Web Accessibility Initiative
- What's New in WCAG 2.2 — W3C Web Accessibility Initiative
- Developing for Web Accessibility – Tips for Getting Started — W3C Web Accessibility Initiative