# مشكلات إمكانية الوصول التي نختبرها تشرح كل صفحة مشكلة واحدة تكتشفها اختباراتنا الآلية: معناها، ومعيار WCAG الذي ترتبط به، وكيف تصلحها في أي موقع وفي Shopify وWooCommerce، وكيف تتحقق من الإصلاح. ## مشكلات إمكانية الوصول - [يجب ألا يكون عنصر ARIA المخفي قابلًا للتركيز أو أن يحتوي على عناصر قابلة للتركيز](https://www.fixreports.com/ar/issues/aria-hidden-focus): WCAG 4.1.2 · المستوى ⁨A⁩. توجد عناصر قابلة للتركيز مخفية عن قارئات الشاشة، لكن لا يزال من الممكن الوصول إليها بلوحة المفاتيح. (سمات ARIA وأدوارها) - [يجب استخدام السمة autocomplete بشكل صحيح](https://www.fixreports.com/ar/issues/autocomplete-valid): WCAG 1.3.5 · المستوى ⁨AA⁩. يستخدم حقل في نموذج قيمة autocomplete لا تتعرّف عليها المتصفحات. (حقول نماذج بلا تسميات) - [يجب أن يكون للأزرار نص واضح](https://www.fixreports.com/ar/issues/button-name): WCAG 4.1.2 · المستوى ⁨A⁩. بعض الأزرار ليس لها اسم قابل للوصول، فلا يسمع مستخدمو قارئات الشاشة سوى «زر». (روابط وأزرار بلا أسماء) - [يجب أن تستوفي العناصر الحد الأدنى لنسبة تباين الألوان](https://www.fixreports.com/ar/issues/color-contrast): WCAG 1.4.3 · المستوى ⁨AA⁩. بعض النصوص لا تتميز عن خلفيتها بما يكفي ليقرأها ضعاف البصر. (تباين ألوان منخفض) - [يجب أن تحتوي المستندات على عنصر للمساعدة في التنقل](https://www.fixreports.com/ar/issues/document-title): WCAG 2.4.2 · المستوى ⁨A⁩. توجد صفحة بلا عنوان، فلا يستطيع المستخدمون معرفة الصفحة التي هم فيها. (عناوين الصفحات) - [يجب أن تكون المعرّفات المستخدمة في ARIA والتسميات فريدة](https://www.fixreports.com/ar/issues/duplicate-id-aria): WCAG 4.1.2 · المستوى ⁨A⁩. تشترك عدة عناصر في معرّف id يُستخدم لتسمية شيء أو وصفه، لذا قد تقرأ التقنيات المساعدة تسمية خاطئة. (سمات ARIA وأدوارها) - [يجب أن يكون للإطارات اسم قابل للوصول](https://www.fixreports.com/ar/issues/frame-title): WCAG 4.1.2 · المستوى ⁨A⁩. يوجد إطار مضمَّن بلا عنوان (غالبًا خريطة أو فيديو أو أداة تطبيق)، فلا يعرف مستخدمو قارئات الشاشة محتواه. (بنية الصفحة والعناوين والمعالم) - [ينبغي ألا تزيد مستويات العناوين إلا بمستوى واحد في كل مرة](https://www.fixreports.com/ar/issues/heading-order): ممارسة فضلى في إمكانية الوصول. تتخطى مستويات العناوين بعض المستويات (مثلًا من H2 إلى H4)، مما يجعل بنية الصفحة مربكة لمستخدمي قارئات الشاشة. (بنية الصفحة والعناوين والمعالم) - [يجب أن يحمل العنصر <html> السمة lang](https://www.fixreports.com/ar/issues/html-has-lang): WCAG 3.1.1 · المستوى ⁨A⁩. لا تعلن الصفحة عن لغتها، لذا قد تقرؤها قارئات الشاشة بنطق خاطئ. (لغة الصفحة) - [يجب أن يحمل العنصر <html> قيمة صالحة للسمة lang](https://www.fixreports.com/ar/issues/html-lang-valid): WCAG 3.1.1 · المستوى ⁨A⁩. رمز لغة الصفحة غير صالح، لذا لا تستطيع قارئات الشاشة اختيار الصوت المناسب. (لغة الصفحة) - [يجب أن يكون للصور نص بديل](https://www.fixreports.com/ar/issues/image-alt): WCAG 1.1.1 · المستوى ⁨A⁩. تفتقر صور إلى بديل نصي، فلا يعرف مستخدمو قارئات الشاشة ما تعرضه. (صور بلا بدائل نصية) - [يجب أن يكون لأزرار input نص واضح](https://www.fixreports.com/ar/issues/input-button-name): WCAG 4.1.2 · المستوى ⁨A⁩. يوجد زر input بلا نص، فلا تستطيع قارئات الشاشة ذكر وظيفته. (حقول نماذج بلا تسميات) - [يجب أن يكون لأزرار الصور نص بديل](https://www.fixreports.com/ar/issues/input-image-alt): WCAG 1.1.1, 4.1.2 · المستوى ⁨A⁩. يوجد زر صورة بلا نص بديل، فلا تستطيع قارئات الشاشة ذكر وظيفته. (صور بلا بدائل نصية) - [يجب أن تكون لعناصر النماذج تسميات](https://www.fixreports.com/ar/issues/label): WCAG 4.1.2 · المستوى ⁨A⁩. بعض حقول النماذج بلا تسمية، فلا يعرف مستخدمو قارئات الشاشة ما يجب إدخاله. (حقول نماذج بلا تسميات) - [ينبغي أن يحتوي المستند على معلم main واحد](https://www.fixreports.com/ar/issues/landmark-one-main): ممارسة فضلى في إمكانية الوصول. لا تحتوي الصفحة على معلم main، فلا يستطيع مستخدمو قارئات الشاشة الانتقال مباشرة إلى المحتوى. (بنية الصفحة والعناوين والمعالم) - [يجب أن تكون الروابط قابلة للتمييز دون الاعتماد على اللون](https://www.fixreports.com/ar/issues/link-in-text-block): WCAG 1.4.1 · المستوى ⁨A⁩. لا تتميز الروابط داخل الفقرات إلا باللون، فلا يلاحظها من لا يستطيعون رؤية الفرق بين الألوان. (تباين ألوان منخفض) - [يجب أن يكون للروابط نص واضح](https://www.fixreports.com/ar/issues/link-name): WCAG 2.4.4, 4.1.2 · المستوى ⁨A⁩. بعض الروابط لا تحتوي على نص يمكن لقارئ الشاشة إعلانه، وغالبًا ما تكون روابط مكوّنة من أيقونة فقط، مثل أيقونات الشبكات الاجتماعية أو أيقونة السلة. (روابط وأزرار بلا أسماء) - [يجب عدم تعطيل التكبير وتغيير الحجم](https://www.fixreports.com/ar/issues/meta-viewport): WCAG 1.4.4 · المستوى ⁨AA⁩. تمنع الصفحة التكبير بإصبعين على الهاتف. (التكبير وإعادة التدفق) - [ينبغي أن تحتوي الصفحة على عنوان من المستوى الأول](https://www.fixreports.com/ar/issues/page-has-heading-one): ممارسة فضلى في إمكانية الوصول. لا تحتوي الصفحة على عنوان من المستوى الأعلى. (بنية الصفحة والعناوين والمعالم) - [ينبغي أن يكون كل محتوى الصفحة داخل معالم](https://www.fixreports.com/ar/issues/region): ممارسة فضلى في إمكانية الوصول. بعض المحتوى ليس داخل معلم من معالم الصفحة (header أو nav أو main أو footer). (بنية الصفحة والعناوين والمعالم) - [يجب أن يكون للعناصر [role="img"] و[role="image"] نص بديل](https://www.fixreports.com/ar/issues/role-img-alt): WCAG 1.1.1 · المستوى ⁨A⁩. يوجد عنصر معروض كصورة بلا بديل نصي. (صور بلا بدائل نصية) - [يجب أن تكون المنطقة القابلة للتمرير قابلة للوصول بلوحة المفاتيح](https://www.fixreports.com/ar/issues/scrollable-region-focusable): WCAG 2.1.1 · المستوى ⁨A⁩. لا يمكن الوصول إلى منطقة قابلة للتمرير بلوحة المفاتيح، فلا يستطيع مستخدمو لوحة المفاتيح تمريرها. (الوصول بلوحة المفاتيح والتركيز) - [يجب أن يكون لعنصر select اسم قابل للوصول](https://www.fixreports.com/ar/issues/select-name): WCAG 4.1.2 · المستوى ⁨A⁩. توجد قائمة منسدلة بلا تسمية (غالبًا أداة الترتيب أو أداة اختيار المتغيرات). (حقول نماذج بلا تسميات) - [يجب أن يكون لعناصر <svg> ذات الدور img أو image نص بديل](https://www.fixreports.com/ar/issues/svg-img-alt): WCAG 1.1.1 · المستوى ⁨A⁩. توجد صورة SVG تنقل معلومات بلا بديل نصي. (صور بلا بدائل نصية) - [يجب أن يكون حجم كل أهداف اللمس 24px، أو أن تترك مسافة كافية](https://www.fixreports.com/ar/issues/target-size): WCAG 2.5.8 · المستوى ⁨AA⁩. بعض أهداف اللمس أصغر من 24 × 24 بكسل ومتقاربة جدًا، مما يصعّب الضغط عليها في الهاتف. (الوصول بلوحة المفاتيح والتركيز)