إمكانية الوصول إلى الويب: الميزات الأساسية للمقارنات
يتم تحديد إمكانية الوصول إلى الويب من خلال أربع خصائص قابلة للقياس - محسوسة وقابلة للتشغيل ومفهومة وقوية - تم توضيحها وفقًا لمعايير المستوى 13 A وAA الخاصة بـ WCAG 2.2 والتي يتطلبها معيار EN 301 549 في أوروبا. تعمل هذه الخصائص الأربع كمعايير للتقييم: يتم الحكم على أي عنصر واجهة مستخدم أو أداة أو إطار عمل بناءً على عدد تلبيتها ومتانتها.
النقاط الرئيسية
- الخصائص الأربع لـ WCAG (ملموسة، قابلة للتشغيل، مفهومة، قوية) هي إطار التقييم، وليس شعارًا: كل واحدة منها تجمع معايير يمكن التحقق منها باستخدام تقنيات موثقة.
- المستوى AA هو الهدف العملي لمعظم المشاريع: فهو يغطي التباين ولوحة المفاتيح وتسميات النماذج والبنية ورسائل الخطأ، وهو الحد الأدنى الذي يشير إلى التشريعات الأوروبية.
- لا توجد أداة تلقائية تكتشف أكثر من جزء صغير من المشاكل الحقيقية؛ يظل الاختبار اليدوي باستخدام لوحة المفاتيح وقارئ الشاشة غير قابل للاستبدال.
- يتطلب اختيار عنصر واجهة مستخدم أو إطار عمل “يمكن الوصول إليه” التحقق من سلوكه باستخدام لوحة المفاتيح وإدارة التركيز ودلالات ARIA الخاصة به، وليس التسويق فقط.
- الامتثال هو عملية مستمرة مرتبطة بدورة حياة المنتج، وليس تدقيقًا لمرة واحدة يتم أرشفته.
ما الذي يعنيه حقًا “ميزات الوصول إلى الويب”
يستخدم المصطلح “الميزات” من خلال شكلين يتم فصلهما. الأول هو المعيار: تنظم WCAG معايير النجاح الخاصة بها من خلال أربعة مبادئ أو خصائص - محسوسة، وقابلة للتشغيل، ومفهومة، وقوية - ومحددة مثل POUR بالأحرف الأولى باللغة الإنجليزية. الجزء الثاني هو عملي: عندما يقرر المطور أن المكون “يحتوي على خصائص جيدة لسهولة الوصول”، فإنه عادةً ما يشير إلى مجموعة من الميزات المحددة (التنقل عبر اللوحة، وأدوار ARIA الصحيحة، والتباين الكافي، والنص البديل). كلا القراءتين ضروريتان: الأولى توفر إطار التقييم، والثانية توفر التفاصيل القابلة للتنفيذ.
تحافظ إصدارات WCAG 2.2، المنشورة بواسطة W3C في عام 2023، على المبادئ الأربعة وتضيف معايير مثل الحجم الأدنى للهدف (2.5.8) وتماسك المساعدة (3.2.6). المستوى عبارة عن مجموعة من المعايير الدنيا؛ تقوم AA بإضافة أكثر المواقع ذات الصلة لأكبر عدد من المواقع؛ AAA طموح ونادرًا ما يكون قابلاً للتنفيذ في مجموعه. بالنسبة لموقع XHTML/CSS موجه إلى إسبانيا وأمريكا اللاتينية، الهدف الواقعي هو AA لأنه يشير إلى المستوى الأوروبي الموحد EN 301549، وبالتوسيع، التوجيه (UE) 2016/2102 حول إمكانية الوصول إلى مواقع القطاع العام.
أربع ميزات WCAG، واحدة تلو الأخرى
محسوس
الميزة الملموسة هي أن المعلومات يمكن تقديمها بأشكال يمكن للمستخدم أن يفهمها، بغض النظر عن حواسهم. في الممارسة العملية، يتم ترجمة نصوص بديلة للمحتوى النصي (1.1.1)، والعناوين الفرعية والنسخ للوسائط المتعددة (1.2.x)، والبنية الدلالية التي لا تعتمد فقط على موضع اللون (1.3.1)، والحد الأدنى من 4.5:1 للنص العادي و3:1 للنص الكبير (1.4.3)، والمحتوى الذي يظل قابلاً للقراءة بشكل واضح بنسبة 200% بدون تمرير أفقي (1.4.10). أحد الأخطاء المتكررة في مواقع XHTML القديمة هو استخدام جداول التنسيق أو صور النص: كلاهما يكسر مبدأ الإدراك بسبب ترتيب القراءة وصعوبة الترقية.
قابلة للتشغيل
تضمن ميزة التشغيل أن جميع مكونات الواجهة تعمل مع لوحة المفاتيح وتقنيات المساعدة. تتميز المعايير الرئيسية بإمكانية الوصول الكامل إلى اللوحة (2.1.1)، وعدم وجود مصائد للتركيز (2.1.2)، والوقت القابل للتعديل (2.2.1)، وآليات إيقاف المحتوى أثناء الحركة (2.2.2)، والتنقل باستخدام روابط التخطي وعناوين الصفحة الوصفية. (2.4.1، 2.4.2)، ترتيب التركيز المنطقي (2.4.3) وحجم الهدف الكافي (2.5.8). هنا يقع معظم القوائم القابلة للتوسيع والنوافذ المنبثقة والمنزلقات: التقاط البؤرة وعدم تحريكها، أو اعتمادًا على أحداث الفئران (onmouseover) بدون ما يعادل لوحة المفاتيح.
قابل للفهم
تسمح الميزات المفهومة بأن يكون المحتوى ووظيفة الواجهة مفهومين. تضمين لغة الصفحة المعلنة مع خاصية “اللغة” (3.1.1)، وإرشادات وإرشادات الإدخال في الصيغ (3.3.2)، وتحديد الأخطاء ووصفها (3.3.1، 3.3.3)، والتنقل المتماسك بين الصفحات (3.2.3)، وما إلى ذلك WCAG 2.2، تماسك المساعدة (3.2.6). صيغة تحدد مجالًا باللون الأحمر ولكنها لا توضح ما الذي يتضمن هذه الميزة حتى رؤية واضحة لمن لا يعاني من إعاقة.
ذات صلة: — ويدجت إمكانية الوصول بخطة مجانية للتمكن من ذلك بنفس الطريقة.
روبوستا
تتطلب الميزة القوية أن يعمل المحتوى مع مجموعة كبيرة ومتنوعة من وكلاء المستخدم، بما في ذلك الأحداث الحالية والمستقبلية. المعيار المركزي هو التحليل النحوي الصحيح (4.1.1، قديم في WCAG 2.2 ولكنه ذو صلة بـ XHTML) واسم ووظيفة وقيمة مكونات الواجهة (4.1.2). من الناحية العملية، يتم كتابة HTML صالح، واستخدام العناصر الأصلية التي تكون موجودة وتكررها في ARIA فقط عندما لا يكون هناك بديل، وفقًا لقواعد ARIA الأولى: لا تستخدم ARIA إذا كان عنصر HTML الأصلي يقوم بالعمل.
جدول المقارنة: كيفية تقييم الأدوات والأدوات أمام أربع ميزات
| المميزات | ما الذي تبحث عنه باستخدام أداة أو عنصر واجهة مستخدم | علامة خطر |
|---|---|---|
| محسوس | أنواع النصوص البديلة، متباينة، لا تعتمد على اللون | صور صالحة فقط، وتجاهل البنية والتباين |
| قابلة للتشغيل | التنقل بلوحة المفاتيح، إدارة التركيز، بدون مصائد | تتطلب الفئران أو عدم الهروب مع الهروب |
| قابل للفهم | علامات، رسائل خطأ، لغة معلنة | أخطاء العلامة التجارية بدون نص موضح |
| روبوستا | HTML صالح، أدوار ARIA الصحيحة، تعمل في العديد من المتصفحات | يستخدم div مع onclick في مكان button |
هذه الطاولة هي بمثابة قائمة معايير لاتخاذ قرار بين الخيارات. تعتبر الأداة التي تغطي العمود “المحسوس” فقط بمثابة مرشح أولي، ولكنها ليست بمثابة شهادة.
الأدوات وعلاقتها بالميزات
تكتشف أدوات التقييم التلقائية — مثل DevTools أو WAVE أو Lighthouse — جميع المشكلات المتعلقة بالميزات الملموسة والقوية: نص بديل حقيقي، على النقيض من عدم كفاية، وسمات ARIA غير المشكلة، وتعديلات محجوبة. يتم تغطيتها جزئيًا من خلال التصميم: لا يمكن مشاهدتها إذا كان النص البديل وصفيًا، إذا كان ترتيب التركيز واضحًا أو إذا كانت رسالة الخطأ مفهومة. تتزامن وثائق Deque حول المحور ودليل WebAIM حول التقييم التلقائي مع عدم وجود أداة تحل محل المراجعة البشرية.
يستحق نظرة: — إمكانية الوصول إلى الإدارة: أتمتة مجمعة مع مراجعة بشرية.
يغطي الاختبار اليدوي ما لا تراه الأدوات. يتضمن الإجراء البسيط ما يلي: التنقل في الصفحة بأكملها فقط باستخدام Tab وShift+Tab، والتحقق من أن التركيز مرئي دائمًا، والاختبار باستخدام قارئ الشاشة (NVDA أو VoiceOver)، والتكبير/التصغير إلى 200% والتحقق من عدم تداخل أي شيء، وتعطيل CSS للتأكد من أن ترتيب المحتوى منطقي. تكشف هذه الخطوة الأخيرة عن مشاكل ذات خاصية مفهومة لا تشير إليها أي أداة.
كيف تختار نوع المشروع
يجب على الموقع المؤسسي أو القطاع العام في إسبانيا أن يدعم AA ويوثق المطابقة، من أجل المعيار الذي يطلبه. يمكن لمدونة شخصية أن تعطي الأولوية للإدراك والتشغيل، مما يؤدي إلى حل أكبر عدد من العوائق الحقيقية. يجب أن يكون تطبيق الويب الكامل الذي يحتوي على مكونات تفاعلية قويًا وقابلاً للتشغيل، لأن الأدوات المخصصة هي السبب الرئيسي للفشل. القرار ليس “ماهي الخصائص الكاملة” بل “ما هي الخصائص التي تعتبر انتقادية للمستخدمين والتزامي القانوني”.
بالنسبة للأطر ومكتبات المكونات، يتضمن التقييم العملي اختبار المكون باستخدام لوحة المفاتيح قبل اعتماده. يعد “التحديد” المخصص الذي لا يستجيب للأسهم، أو الشكل الذي لا يحجز التركيز بشكل صحيح، أو تلميح الأداة الذي يظهر فقط عند التمرير، إشارات إلى أن المكتبة تعطي الأولوية للمظهر على قابلية التشغيل. تصف وثائق دليل ممارسات التأليف W3C ARIA الأنماط المتوقعة لكل عنصر واجهة مستخدم وتوفر خط الأساس للمقارنة.
الأخطاء المتكررة في تفسير الخصائص
الخطأ الأول هو حذف الخصائص الأربعة كقائمة تحقق ثنائية. المطابقة تراكمية وسياقية: يمكن للموقع أن يكمل 40 معيارًا ويسقط في واحد يحجب بالكامل لمستخدم. الخطأ الثاني هو الخطأ في “التراكب” أو عنصر واجهة المستخدم الذي يعمل على تعديل الموقع باستخدام برنامج نصي؛ لم تقم هذه المنتجات بتصحيح HTML الفرعي وقد تعرضت لانتقادات من قبل المجتمع وإبلاغ الكائنات الحية المعوقة. تتم مراجعة الخطأ الثالث مرة واحدة فقط: يتغير المحتوى، ويتم تحديث المكونات، وتتدهور مطابقتها. إمكانية الوصول هي عملية متكاملة في دورة التطوير، يتم اختبارها على كل شيء.
الأسئلة المتداولة
ما هي الخصائص الأربع للوصول إلى الويب ضمن WCAG؟
تنظم WCAG معاييرها في أربعة مبادئ: محسوسة، وقابلة للتشغيل، ومفهومة، وقوية، والمعروفة باسم POUR. يجمع كل مبدأ معايير نجاح يمكن التحقق منها بمستويات A وAA وAAA. يتم الحفاظ على هذه البنية في WCAG 2.2 وهي الأساس لتقييم أي موقع أو مكون.
ما هو مستوى مطابقة WCAG الذي يجب أن يكتمل في موقعي؟
بالنسبة لأغلب المواقع، يعتبر مستوى AA هو الهدف العملي وهو ما يشير إلى التشريعات الأوروبية وفقًا لمعايير EN 301 549. المستوى A الذي يشمل الحد الأدنى وAAA من الصعب قراءته في مجمله. إذا كان موقعك تابعًا للقطاع العام في الاتحاد الأوروبي، فإن AA تكون مقبولة.
ذات صلة: — الشهادة المهنية التي تمنحك الخبرة والقدرة على الوصول إليها.
¿الأدوات الآلية هي فقط لاستكمال ميزات الوصول؟
لا، تكتشف الأدوات التلقائية جزءًا من المشكلات، حول كل التباين والنص البديل وARIA غير المكتملة، ولكن لا يمكن تقييم ما إذا كان النص البديل مناسبًا أو إذا كان ترتيب التركيز محسوسًا. دليل المراجعة مع لوحة المفاتيح وقارئ الشاشة لا يمكن وصفه من أجل التوافق الحقيقي.
ما هو الفرق بين إمكانية الوصول والاستخدام؟
تضمن إمكانية الوصول قدرة الأشخاص ذوي الإعاقة على إدراك المحتوى وتشغيله وفهمه واستخدامه؛ تسعى سهولة الاستخدام إلى ضمان أن تكون التجربة فعالة ومرضية لأي مستخدم. وهي تتداخل: عادةً ما يكون الموقع الذي يمكن الوصول إليه أكثر قابلية للاستخدام، ولكن الموقع القابل للاستخدام ليس بالضرورة قابلاً للوصول.
¿هل يتم ضبط عناصر واجهة المستخدم أو تراكبات الوصول على موقعي تلقائيًا؟
لا يقوم بتصحيح مركز HTML الفرعي أو مشاكل البنية أو التركيز أو الدلالة. يقوم مجتمع إمكانية الوصول والمتنوعون بإبلاغ الأشخاص الذين تم سؤالهم عن ذلك لأنه يمكنهم الحصول على شعور كاذب بالامتثال. الحل سريع لتصحيح الكود والمكونات، وليس لاستبدال البرنامج النصي.
كيف يمكنك تحسين إمكانية الوصول إلى موقع موجود بتنسيق XHTML/CSS؟
استمتع بما هو أكثر تأثيرًا: HTML صالح ودلالي، ونص بديل في الصور، وتباين كافٍ، وتصفح كامل للوحة المفاتيح، وملصقات في الصيغ. بعد المراجعة باستخدام أداة تلقائية ومكملة باستخدام أدلة تجريبية. قم بتوثيق المعايير المخبأة وكرر العملية لكل تغيير ذي صلة.
الأسئلة الشائعة
ما هي الخصائص الأربع للوصول إلى الويب ضمن WCAG؟
تنظم WCAG معاييرها في أربعة مبادئ: محسوسة، وقابلة للتشغيل، ومفهومة، وقوية، والمعروفة باسم POUR. يجمع كل مبدأ معايير نجاح يمكن التحقق منها بمستويات A وAA وAAA. يتم الحفاظ على هذه البنية في WCAG 2.2 وهي الأساس لتقييم أي موقع أو مكون.
ما هو مستوى مطابقة WCAG الذي يجب أن يكمل موقعي؟
بالنسبة لأغلب المواقع، يعتبر مستوى AA هو الهدف العملي وهو ما يشير إلى التشريعات الأوروبية وفقًا لمعايير EN 301 549. المستوى A الذي يشمل الحد الأدنى وAAA من الصعب قراءته في مجمله. إذا كان موقعك تابعًا للقطاع العام في الاتحاد الأوروبي، فإن AA تكون مقبولة.
هل تحتاج الأدوات الآلية إلى استكمال ميزات إمكانية الوصول؟
لا، تكتشف الأدوات التلقائية جزءًا من المشكلات، حول كل التباين والنص البديل وARIA غير المكتملة، ولكن لا يمكن تقييم ما إذا كان النص البديل مناسبًا أو إذا كان ترتيب التركيز محسوسًا. دليل المراجعة مع لوحة المفاتيح وقارئ الشاشة لا يمكن وصفه من أجل التوافق الحقيقي.
ما هو الفرق بين إمكانية الوصول والاستخدام؟
تضمن إمكانية الوصول قدرة الأشخاص ذوي الإعاقة على إدراك المحتوى وتشغيله وفهمه واستخدامه؛ تسعى سهولة الاستخدام إلى ضمان أن تكون التجربة فعالة ومرضية لأي مستخدم. وهي تتداخل: عادةً ما يكون الموقع الذي يمكن الوصول إليه أكثر قابلية للاستخدام، ولكن الموقع القابل للاستخدام ليس بالضرورة قابلاً للوصول.
هل يتم ضبط عناصر واجهة المستخدم أو تراكبات إمكانية الوصول على موقعي تلقائيًا؟
لا يقوم بتصحيح مركز HTML الفرعي أو مشاكل البنية أو التركيز أو الدلالة. يقوم مجتمع إمكانية الوصول والمتنوعون بإبلاغ الأشخاص الذين تم سؤالهم عن ذلك لأنه يمكنهم الحصول على شعور كاذب بالامتثال. الحل سريع لتصحيح الكود والمكونات، وليس لاستبدال البرنامج النصي.
كيف يمكنك تحسين إمكانية الوصول إلى موقع XHTML/CSS الموجود؟
استمتع بما هو أكثر تأثيرًا: HTML صالح ودلالي، ونص بديل في الصور، وتباين كافٍ، وتصفح كامل للوحة المفاتيح، وملصقات في الصيغ. بعد المراجعة باستخدام أداة تلقائية ومكملة باستخدام أدلة تجريبية. قم بتوثيق المعايير المخبأة وكرر العملية لكل تغيير ذي صلة.
¿Cumplir WCAG دون الحاجة إلى تشغيل الكود؟
Superposición de IA الذي يعزز إطراء WCAG خلال 48 ساعة