اختيار الرحلات
اشمل الدخول والتنقل والنموذج والتأكيد والخطأ. اختبر الهاتف والتكبير العالي.

دليل / منهج
تُقاس إمكانية الوصول عبر المهمة كاملة: العثور والفهم والتنفيذ والتعافي من الخطأ.
إجابة مباشرة
اختر مسارات ممثلة وحالاتها الحرجة. اجمع فحص الشفرة والتنقل بلوحة المفاتيح والتجربة بالتقنيات المساعدة. اربط كل خلل بمهمة معطلة ومعيار WCAG ودليل واختبار لاحق.
01 / منهج الفحص
اشمل الدخول والتنقل والنموذج والتأكيد والخطأ. اختبر الهاتف والتكبير العالي.
افحص ترتيب التركيز ووضوحه وكل أداة والقوائم والحوارات وإمكان الخروج من المكونات.
راجع العناوين والأسماء المتاحة والتسميات وبدائل الصور والبنية والتباين وإعلان الأخطاء بقارئ شاشة.
رتب العوائق حسب المهمة والخطورة، وأصلح المكون المشترك ثم أعد اختبار الرحلة والصفحات المرتبطة.
تطبيق عملي
قد تعيق شاشة مقروءة تنفيذ إجراء. اختبر هدفاً كاملاً: إيجاد القسم واستخدام العنصر وفهم النتيجة والعودة. سجّل أول عقبة وأثرها.
اختر الحالة التي لاحظتها. يوضح كل مسار أول فحص والأدلة المفيدة وحدود هذا الفحص.
للمزيد من القراءة
| الحالة | ما ينبغي تجنبه | التصحيح المفيد |
|---|---|---|
| التنقل | الاختبار بالفأرة فقط. | تنقّل بلوحة المفاتيح مع مؤشر تركيز ظاهر. |
| النموذج | الاعتماد على نص مؤقت داخل الحقل. | أبقِ تسمية ظاهرة واربط الخطأ بالحقل. |
| نتيجة متغيرة | تغيير رقم دون سياق. | اعرض النتيجة والوحدة وما تغيّر. |
هل يصف العنوان المهمة المطلوبة؟
هل العنصر متاح ومفهوم؟
هل النتيجة والخطوة التالية واضحتان؟
كرر المسار باستخدام Tab وShift+Tab وEnter، ثم بتكبير 200 %. تحقق من أن الرأس الثابت لا يخفي عنصر التركيز بالكامل. افتح القائمة وأغلقها بلوحة المفاتيح، وتسبب في خطأ بالنموذج وتحقق من إمكانية تصحيحه. سجّل الصفحة والإجراء والعائق؛ هذه الفحوص المحددة ليست شهادة امتثال WCAG.
تاريخ المراجعة .
ورشة قراءة البيانات
يرصد المثال الخيالي DEMO-A23 الفتح والحالة المعطلة والخلفية والإغلاق في حوار مراجعة.
بيانات وسجلات افتراضية للتعلم: لا تأتي هذه النتائج من استعلام مباشر لأي خدمة.
يتضمن الحوار عنواناً ومربع «اكتملت القراءة» وزر تأكيد معطلاً أولاً وإلغاء. يبقى زر الفتح موجوداً بعد الإغلاق.
عند الفتح ينتقل التركيز إلى العنوان. يصل Tab بعد ذلك إلى مربع الاختيار؛ يبقى التأكيد معطلاً حتى تحديده. يجب أن يبقى أمر الخلفية غير نشط أثناء فتح الحوار. يعيد Escape أو الإلغاء التركيز إلى زر الفتح.
التجربة التفاعلية غير متاحة في هذا الإعداد؛ يبقى المثال المفصل قابلاً للقراءة.
التجربة جاهزة؛ لا تُرسل أي بيانات.
يستخدم المثال حواراً مشروطاً أصلياً في المتصفح. يوضح مساراً ولا يقيّم إتاحة موقعك. المربع ليس إذناً ولا حماية على الخادم.
افتح كل اقتراح لمقارنة تشخيصه. قد تبقى فحوص إضافية ضرورية.
لا؛ يجب فحص الأفعال ودورة التركيز.
لا؛ لا يثبت المظهر عدم نشاط الخلفية.
مناسب. احفظ العيوب والشروط؛ لا يشهد مكون ناجح للموقع كله.
الحالة: DEMO-A23 الفتح: تركيز على عنوان الحوار البداية: المربع فارغ والتأكيد معطل المسار: المربع ثم إلغاء؛ عودة داخلية بعد التحديد: التأكيد متاح الخلفية: لا فعل أو خروج تركيز متوقع Escape: إغلاق وعودة إلى زر الفتح
احفظ المفاتيح وحالات الأزرار والاسم المعلن والتركيز قبل الإغلاق وبعده. أعد مع تقنيات المساعدة المشمولة فعلاً.
02 / الأدلة المحفوظة
الرابط والجهاز والمتصفح والتقنية المساعدة والتكبير والفعل المطلوب.
الخطوات الدقيقة ولقطة أو مقتطف DOM والنتيجة الفعلية والمتوقعة.
معيار WCAG والمهام المتأثرة وتبرير الشدة.
التصحيح والنسخة والتاريخ ونتيجة اختبار لوحة المفاتيح والقارئ.
نقطة تحقق
قراءة خاطئة شائعة والفحص الذي يساعد على تجنبها.
الدرجة العالية في الفحص الآلي لا تضمن قابلية الاستخدام؛ فمشكلات الفهم والتركيز وإعلان الأخطاء تحتاج مراجعة بشرية.
أنجز المهام الرئيسية بلوحة المفاتيح وتقنية مساعدة، وسجل موضع العائق واربط كل إصلاح بمعيار قابل للتحقق.
بعد الفحص
أوقف اعتماد الرحلة وأصلح المكون المشترك ثم افحص الفتح والتنقل والإغلاق في كل الصفحات.
احتفظ بنتيجة الأداة ووثق فشل المهمة وأعد صياغة التعليمات ثم كرر التجربة.
القرار وأثر المراجعة
ما الذي يجب أن يتيحه الفحص من قرار وما الذي يُحفظ لمراجعته.
أنجز المهام الأساسية والأخطاء والحالات الديناميكية بلوحة المفاتيح؛ سجل الرابط والعنصر والتقنية المساعدة والنتيجة المتوقعة. لا تكفي درجة آلية.
ابدأ بعوائق المسار. أصلح المكوّن المشترك وأعد اختبار المهمة على الهاتف واللغات المتأثرة.
حالات نموذجية لإعداد التحقق، وليست وصفًا لمهام منفذة أو ملاحظات فعلية.
افحص ارتباط الخلايا بالعناوين والقراءة المتسلسلة والتنقل بلوحة المفاتيح. لا يكفي العرض البصري الصحيح لإثبات أن كل قيمة مفهومة عبر وسيلة قراءة أخرى.
صحح البنية والتسميات ثم أعد مهمة محددة للبحث عن قيمة. ميّز نتيجة الفاحص الآلي عن المسار الذي نُفذ فعلياً.
احتفظ بالجدول والخلايا المعنية وطريقة القراءة وتسلسل الوصول إلى القيمة.
تنقل بين الروابط وافتح القوائم وأغلقها وغيّر حجم النافذة. راقب موضع التركيز وظهور العنصر المحدد وعودة التحكم إلى زر فتح القائمة.
عدّل الموضع أو التمرير أو استعادة التركيز. أعد المسار بالكامل بما فيه ما يحدث بعد خطأ في نموذج، ولا تكتف بأول ضغطة انتقال.
سجل حجم النافذة والمفاتيح والمكوّن ومواضع التركيز قبل التصحيح وبعده.
استخدام الفلتر والقائمة والنموذج بلوحة المفاتيح وفحص التركيز بعد التغيير.
إتاحة الخطوة التالية وجعل النتيجة مفهومة.
تسلسل المفاتيح والحالة وموضع التركيز والتصحيح.
تكمل هذه الأسئلة المنهج وتساعد في تحديد ما ثبت فعلياً مع حفظ التحفظات في السجل.
هل يمكن إتمام المهمة بلوحة المفاتيح دون احتجاز ومع مؤشر تركيز ظاهر وعناصر لا تحجبها منطقة ثابتة؟ احفظ المسار والمتصفح المختبرين.
مثال خيالي: تخص الحالة المعيار والنطاق الموصوفين فقط.
هل للحقول أسماء واضحة وهل تشرح الأخطاء طريقة المتابعة؟ أكمل الفحوص الآلية بالتكبير وقارئ الشاشة في المسارات المختارة.
مثال خيالي: تخص الحالة المعيار والنطاق الموصوفين فقط.
هل تبقى التسميات والجداول والإجراءات قابلة للاستخدام بالتكبير؟ افحص صلة الترويسات بالخلايا لا غياب التجاوز فقط.
الوثائق المطالعة : W3C · WCAG 2.2 ·
مثال خيالي: تخص الحالة المعيار والنطاق الموصوفين فقط.
أدوات / سجلات
أعد تنفيذ المهمة بلوحة المفاتيح وتقنية مساعدة. سجل العنصر والمعيار والعائق بدقة؛ لا تثبت أداة آلية وحدها المطابقة.
03 / FAQ
لا. تكشف بعض أخطاء الشفرة لكنها لا تحكم دائماً على المنطق أو إنجاز المهمة.
المكونات المشتركة والمسارات الأساسية مثل التنقل والبحث والطلب والتواصل.
نعم في الشاشات المهمة؛ فقد تتغير اللغة المعلنة والتسميات والأخطاء وترتيب القراءة.
عندما تنجح الحالة الأصلية بوسائل الوصول المناسبة دون إفساد حالات أخرى.
نعم نعم يكتشف التحقق التلقائي بعض العيوب، ولكن لا يزال إجراء التفاعلات ضروريًا لمراقبة عقبات الملاحة أو الفهم أو التحقق.
04 / مراجع رسمية
تدخلات مرتبطة بهذا الموضوع. يغطي كل مبلغ النطاق المرجعي المبين؛ ويؤكد العرض الأولويات والمهام المتداخلة.
لوحة مفاتيح ونماذج وتباين وقراءة وخطة تصحيح.
قوالب : 3 · 6 س
ابتداءً من 480 € دون ضريبة / 576 € شامل الضريبة
نطاق عمل استرشادي يؤكد في عرض السعر.
تجاوزات العرض والمكونات والتفاعل باللمس.
قوالب : 3 · 4 س
ابتداءً من 320 € دون ضريبة / 384 € شامل الضريبة
نطاق عمل استرشادي يؤكد في عرض السعر.
عرض ورسائل حقول وأخطاء وتأكيد.
مسارات : 1 · 4 س
ابتداءً من 320 € دون ضريبة / 384 € شامل الضريبة
نطاق عمل استرشادي يؤكد في عرض السعر.
تساعد هذه الإرشادات على تحديد الطلب ومراجعة التسليم. يحدد عرض السعر الأعمال المتفق عليها وحجمها وجدولها.

تقليل العوائق في مسار مفيد، خصوصاً على الهاتف وباستخدام لوحة المفاتيح.
ضمّن الأخطاء والتأكيدات والقوائم والأشرطة الثابتة في اختبار لوحة المفاتيح. سجل التركيز المحجوب وبرر استثناءات حجم الهدف؛ قياس الأيقونة وحده لا يكفي.
عرض النطاق والأسعارمرجع موثق
حدد إصدار WCAG والمستوى المطلوب قبل فحص المسار. الرقمان 24 و44 بوحدة بكسل CSS، لا بكسلات الشاشة الفعلية. هذه الفحوص وحدها لا تثبت المطابقة الكاملة.
| المرجع | القيمة أو الصيغة | ما الذي يحدده |
|---|---|---|
| 2.5.8 | AA · 24 × 24 CSS px | الحد الأدنى للحجم في AA، مع استثناءات للتباعد والتحكم المكافئ والأهداف داخل النص والتحكم الأصلي غير المعدل والعرض الضروري. |
| 2.5.5 | AAA · 44 × 44 CSS px | معيار الحجم المعزز في AAA وله استثناءاته؛ لا تعرض 44 × 44 بوصفه المتطلب العام لمستوى AA. |
| 2.4.11 | AA | يجب ألا يخفي محتوى المؤلف، مثل شريط ثابت، مكوّن التركيز بلوحة المفاتيح بالكامل. |
| 2.4.12 | AAA | يطلب المعيار المعزز ألا يخفي محتوى المؤلف أي جزء من المكوّن ذي التركيز. |
| 2.5.7 | AA | تحتاج وظائف السحب إلى طريقة بمؤشر واحد دون سحب، ما لم يكن السحب ضروريًا أو التحكم أصليًا غير معدل. |
| 3.3.7 | A | ضمن العملية نفسها، يجب إتاحة إعادة استخدام المعلومات المدخلة أو اختيارها، مع استثناءات للأمان وعدم الصلاحية والضرورة. |
قس المساحة التفاعلية، لا رسم الأيقونة فقط. وثق الاستثناءات واختبر الحالات المفتوحة والأخطاء والتأكيدات بلوحة المفاتيح. لا يغطي الفحص الآلي كل حالات حجب التركيز أو العمليات كاملة.
تاريخ الاطلاع على الوثائق .
مرجع موثق
قد يكون الرمز البريدي 00123 سلسلة يجب حفظها لا كمية تُجمع. يُختار عنصر الإدخال وفق المعنى المتوقع. يقدم الجدول اختبارات منفصلة؛ لا تثبت سمة واحدة صحة الطلب أو مطابقة المسار كله.
| المرجع | القيمة أو الصيغة | ما الذي يحدده |
|---|---|---|
| label[for] / id | association | اربط التسمية الظاهرة بالحقل: يجب أن يشير for إلى id فريد في المستند. يسمي name البيانات المرسلة ولا ينشئ هذا الربط. |
| placeholder / aria-describedby | instructions | يختفي placeholder عند إدخال قيمة. أبق التعليمات الضرورية نصاً ثابتاً؛ يمكن لـ aria-describedby ربطه بالحقل. |
| type / inputmode | semantics / keyboard | يقترح inputmode وضع إدخال ولا يفرض وحده صيغة. يناسب type=number كمية عددية لا كل معرّف مؤلف من أرقام. |
| pattern | whole value | يقيد pattern القيمة كاملة في الحقل النصي المناسب. لا يجعل الحقل الاختياري الفارغ إلزامياً بمجرده. |
| required / aria-required | constraint / state | يفرض required قيمة في العناصر التي ينطبق عليها. يعلن aria-required الحالة ولا ينشئ وحده منع الإرسال الأصلي. |
| aria-invalid / error text | state / explanation | يمكن لـ aria-invalid إعلان الحالة بعد اكتشاف المشكلة. أضف نصاً يحدد الحقل ويشرح المشكلة؛ الحد الأحمر وحده غير كاف. |
| WCAG 3.3.1 / 3.3.3 | identification / suggestion | اقتراح التصحيح مختلف عن تحديد الخطأ. قدمه إذا كان معروفاً ولا يخل بالأمان أو غرض المحتوى. |
| client / server | two checks | تساعد مراجعة المتصفح على الإدخال لكن يمكن تجاوزها. يجب أن يتحقق الخادم من البيانات ويطبق قواعد العمل الخاصة به. |
00123 سلسلة توضيحية وليس عنواناً موثقاً. لا تعمم صيغة وطنية على جميع الدول. أكمل الاختبارات الآلية بتجارب لوحة المفاتيح والتقنيات المساعدة وحالات الفشل والاستئناف.
تاريخ الاطلاع على الوثائق .
مرجع موثق
قد يصعب تمييز لونين مختلفين. تقارن WCAG 2.2 الإضاءة النسبية بعد تحويل مكونات sRGB إلى قيم خطية. تحسب الأداة نسبة لونين معتمين ولا تأخذ عينات من صورة فوتوغرافية.
| المرجع | القيمة أو الصيغة | ما الذي يحدده |
|---|---|---|
| ratio | (Lmax + 0.05) / (Lmin + 0.05) | توضع الإضاءة الأعلى في البسط، لذلك لا يغيّر تبديل النص والخلفية النتيجة. |
| WCAG 1.4.3 · AA | 4.5:1 | حد AA للنص العادي هو 4.5:1 في الحالات المشمولة بالمعيار 1.4.3. |
| WCAG 1.4.3 · AA · large | 3:1 | حد AA للنص الكبير هو 3:1. يشمل التعريف 18 نقطة أو 14 نقطة بالخط العريض مع تفاصيل تخص الخطوط. |
| WCAG 1.4.6 · AAA | 7:1 / 4.5:1 | يحدد المعيار المعزز 1.4.6 نسبة 7:1 للنص العادي و4.5:1 للكبير ضمن نطاقه. |
| 4.499:1 | < 4.5:1 | لا تتجاوز قيمة أقل من 4.5 الحد لمجرد ظهورها مقربة إلى 4.50. يجب إجراء المقارنة قبل التقريب. |
رمزان معتمان #RRGGBB. تُعرض النسبة بأربع منازل عشرية وتُقارن الحدود بالقيمة غير المقربة.
لونان صالحان: تمت مقارنة الحدود.
s = component / 255 linear = s ≤ 0.04045 ? s / 12.92 : ((s + 0.055) / 1.055)^2.4 L = 0.2126 × R + 0.7152 × G + 0.0722 × B ratio = (max(L1, L2) + 0.05) / (min(L1, L2) + 0.05)
يقتصر الحساب على ألوان sRGB معتمة بصيغة #RRGGBB، دون شفافية أو تدرج أو صورة خلفية أو فضاء لوني آخر. لا يفحص الاستثناءات أو كل أزواج ألوان الموقع أو مطابقة WCAG الكاملة. للنص فوق صورة، افحص المناطق الواقعة خلف الحروف فعلياً ومع مختلف الاقتصاصات.
تاريخ الاطلاع على الوثائق .
قراءة موسعة / تطبيق عملي
يمكن للمستخدم قراءة صفحة ولكن لا يصل إلى عملها الرئيسي. يجب أن يكون الامتحان يعتمد على الملاحة والفهم والتفاعل، في عدة ظروف الاستخدام.
آخر تحديث في .
تصفح العناصر على لوحة المفاتيح، والتحقق من العناوين ومراقبة رسائل التحقق. التحقق من رؤية التركيز والنظام القراءة والوصول إلى المعلومات الضرورية.
التحكم التلقائي لا يغطي كل الخبرة. يمكن أن يكون واجهة واضحة بصريًا صعبًا في الاستخدام مع لوحة المفاتيح أو تقنية الدعم.
تقرير العقبات يجمع بين المسار والظروف المستخدمة والخطوة المغلقة والأدلة. يجب إعادة اختبار التصحيح في الحالة التي تمكنت من تحديد المشكلة.