الدليل الشامل للوصول الرقمي على الويب

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

ما الذي يعنيه الوصول الرقمي فعلاً

المرجع الدولي هو إرشادات الوصول إلى محتوى الويب، المعروفة باسم WCAG. النسخة الحالية هي WCAG 2.2، ومعظم المؤسسات تستهدف المستوى AA، وهو المستوى الذي تشير إليه قوانين مثل القانون الأوروبي للوصول الرقمي (European Accessibility Act). لا تحتاج إلى حفظ الإرشادات، لكن من المفيد معرفة المبادئ الأربعة التي تقوم عليها. ينبغي أن تكون الصفحة:

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

كل ما هو عملي تقريباً في هذا الدليل يعود إلى واحدة من هذه الأفكار الأربع.

لمن هو موجه

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

الأسس الأكثر أهمية

الخبر السار أن العمل الأعلى أثراً هو عمل بنيوي وليس تزيينياً. أتقن هذه الأسس وستكون قد قطعت معظم الطريق نحو المستوى AA.

استخدم عنصر HTML الصحيح

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

اجعل كل شيء يعمل من لوحة المفاتيح

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

اختر ألواناً يستطيع الجميع قراءتها

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

اكتب بدائل نصية حقيقية

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

ابنِ نماذج يستطيع الناس إكمالها

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

لماذا هو مفيد لعملك

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

وهناك مكافأة هادئة أيضاً. البنية نفسها التي تساعد التقنيات المساعدة، من عناوين ذات معنى ومعالم حقيقية وروابط وصفية وبدائل سليمة، هي بالضبط ما تقرؤه محركات البحث لفهم الصفحة. الوصول الرقمي وSEO مبنيان على الأسس نفسها، لذا فالعمل يؤتي ثماره مرتين.

ملاحظة حول التجارة الإلكترونية

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

كيف تختبر

لا تحتاج إلى مختبر لتبدأ. روتين قصير وقابل للتكرار يلتقط معظم المشكلات:

1. ضع الفأرة جانباً وتنقل عبر الصفحة كاملة بمفتاح Tab. هل تستطيع الوصول إلى كل شيء واستخدامه، وهل ترى دائماً أين أنت؟
2. شغّل فاحصاً آلياً مثل axe أو Lighthouse. لن يلتقط كل شيء، لكنه يكشف الإخفاقات الواضحة بسرعة.
3. تحقق من تباين ألوانك مقابل أهداف المستوى AA.
4. جرّب قارئ شاشة لعشر دقائق. في معظم الأنظمة يوجد واحد مدمج بالفعل.

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

من أين تبدأ

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

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