المحتوى القابل للوصول لا يبدأ من أداة فحص في نهاية النشر؛ يبدأ من قرار المؤلف وهو يختار البنية والكلمات والروابط والصور وطريقة عرض العربية من اليمين إلى اليسار. هذا المسار يحول الإتاحة من قائمة تقنية منفصلة إلى سير عمل تحريري: حدد المهمة، اكتب ببنية مفهومة، أضف بدائل للمحتوى غير النصي، اختبر التفاعل دون فأرة، ثم راجع الناتج مع مستخدمين وتقنيات مساعدة عندما يكون ذلك ممكنًا.
1. ابدأ بالمهمة لا بالشكل
قبل الكتابة اسأل: ما الذي يجب أن يستطيع القارئ فهمه أو إنجازه؟ رتّب الصفحة حول هذه المهمة. تجنب مقدمة طويلة تخفي المطلوب، واجعل العنوان الرئيسي يصف الغرض الحقيقي. في العربية، لا تستخدم الاتجاه البصري وحده للدلالة على التسلسل أو الأولوية؛ يجب أن تبقى العلاقات مفهومة بالنص والبنية الدلالية حتى عند تغيير حجم الخط أو استخدام قارئ شاشة.
2. ابنِ هيكلًا دلاليًا بعناوين حقيقية
استخدم عنوانًا رئيسيًا واحدًا واضحًا ثم عناوين فرعية متسلسلة منطقيًا. لا تجعل الخط العريض أو الحجم الكبير بديلًا عن عناصر العناوين الدلالية. توصي W3C بأن تعكس رتب العناوين تنظيم الصفحة، لأن قارئات الشاشة والمتصفحات تستطيع استخدامها للتنقل بين الأقسام. في المحتوى العربي الطويل، تساعد العناوين الوصفية أيضًا القارئ المتنقل على الهاتف على الوصول إلى الجزء المطلوب دون مسح بصري مرهق.
3. اكتب روابط تفهم خارج سياقها
تجنب تكرار «اضغط هنا» أو «للمزيد» عندما يمكن تسمية الهدف مباشرة. اجعل نص الرابط يوضح الوجهة أو الفعل: «اقرأ دليل تقييم النطق» أفضل من «المزيد». إذا كانت الروابط المتجاورة كثيرة، فميّز أغراضها ولا تعتمد على اللون وحده. راجع كذلك ترتيب الكلمات العربية والإنجليزية داخل الرابط كي لا ينتج انعكاس بصري مربك عند مزج RTL وLTR.
4. قرر وظيفة كل صورة قبل كتابة alt
النص البديل ليس وصفًا آليًا للصورة. إذا كانت الصورة معلوماتية، انقل المعلومة الضرورية باختصار. إذا كانت زرًا أو رابطًا، صف الوظيفة. إذا كانت زخرفية ولا تضيف معنى، استخدم بديلًا فارغًا حتى لا تضيف ضوضاء صوتية. أما الرسم البياني أو المخطط المعقد فيحتاج إلى مكافئ نصي يتيح الوصول إلى البيانات أو الاستنتاج، لا مجرد عبارة «رسم بياني».
5. اجعل الجداول والقوائم نصًا منظمًا لا صورة
استخدم القوائم عندما تكون هناك عناصر متتابعة أو متوازية، والجداول للبيانات ذات العلاقات الصفية والعمودية فقط. لا تنشر جدولًا كصورة لتثبيت الشكل؛ ذلك يمنع إعادة التدفق والبحث والوصول إلى الخلايا. إذا كان الجدول معقدًا جدًا على شاشة صغيرة فاسأل إن كان يمكن تقسيمه إلى جداول أبسط أو بطاقات نصية دون فقد العلاقة بين البيانات.
6. راجع النماذج والتسميات والأخطاء
كل حقل يحتاج تسمية مفهومة ومرتبطة به برمجيًا. لا تعتمد على النص الإرشادي داخل الحقل وحده لأنه قد يختفي أثناء الكتابة. اشرح شكل المدخل المطلوب عند الحاجة، واجعل رسالة الخطأ تحدد المشكلة وطريقة الإصلاح. في العربية، اختبر حقول الأرقام والبريد والهواتف والمحتوى المختلط الاتجاه للتأكد من أن المؤشر والقيمة ورسالة الخطأ لا تنقلب بصريًا.
7. اختبر التكبير ولوحة المفاتيح والقراءة الخطية
مرّر على الصفحة بلوحة المفاتيح فقط: هل يمكنك الوصول إلى كل عنصر تفاعلي؟ هل يظهر موضع التركيز؟ ثم كبّر الصفحة وافحص هل تختفي كلمات أو تتداخل المناطق. اقرأ المحتوى خطيًا كما قد يستقبله قارئ الشاشة؛ إذا كان الترتيب المنطقي مختلفًا عن الترتيب البصري فالمشكلة بنيوية، ولا تُحل بإضافة ARIA عشوائيًا.
8. نفّذ مراجعة RTL مستقلة
الامتثال لـWCAG لا يضمن تلقائيًا جودة العربية. افحص علامات الترقيم، مزج الإنجليزية والأرقام، الأيقونات الاتجاهية، الأسهم، حقول الأكواد، ترتيب breadcrumb، محاذاة الجداول، ومسار التركيز. استخدم خصائص الاتجاه الدلالية بدل إدخال فراغات أو علامات يدوية لتصحيح شكل كلمة واحدة. اختبر العربية على الهاتف والشاشة العريضة لأن أخطاء الاتجاه قد تظهر عند نقاط كسر مختلفة.
9. لا تعتبر الفحص السريع شهادة امتثال
توضح W3C أن الفحوص السريعة تكشف بعض الحواجز فقط ولا تثبت أن الصفحة متوافقة بالكامل. اجمع بين الفحص اليدوي، الأدوات الآلية، مراجعة الكود، واختبار مهام حقيقية. وثّق العوائق المتبقية وأولويتها بدل إخفائها. المسار المهني الجيد ينتهي بقائمة إصلاح قابلة للتحقق: ما المشكلة، من المسؤول، ما معيار القبول، ومتى يعاد الاختبار.
مخرج المسار
عند إنهاء هذا المسار يجب أن يكون المنشئ قادرًا على تسليم صفحة عربية تحتوي بنية عناوين منطقية، روابط واضحة، صورًا ببدائل مناسبة، نماذج قابلة للفهم، وتجربة لوحة مفاتيح وRTL مختبرة. لا يكفي أن تبدو الصفحة جميلة؛ معيار النجاح أن يستطيع أشخاص بطرق وصول مختلفة فهمها وإنجاز المهمة الأساسية فيها.
10. أنشئ سجل مراجعة قابلًا للتكرار
احتفظ بسجل قصير لكل صفحة: تاريخ الفحص، المشكلات المكتشفة، ما أُصلح، وما يحتاج اختبارًا أعمق. إذا تغيّر القالب أو أضيف نموذج أو جدول أو مكوّن تفاعلي، أعد الاختبارات المرتبطة به بدل افتراض أن نتيجة الفحص القديمة ما تزال صالحة. هذا مهم خصوصًا في المواقع العربية لأن تعديل CSS أو مكوّن اتجاه واحد قد يغير ترتيب التركيز أو ظهور النص المختلط دون أن يلاحظ المؤلف بصريًا في صفحة واحدة فقط.