تقييم سهولة الاستخدام في أداة Lighthouse

درجة تسهيل الاستخدام في Lighthouse هي متوسط مرجّح لجميع عمليات تدقيق إمكانية الوصول. ويستند الترجيح إلى تقييمات تأثير المستخدِم الرئيسي.

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

يوضح الجدول التالي الترجيح لكل عملية تدقيق لإمكانية الوصول. عمليات التدقيق الأكثر أهمية لها تأثير أكبر على درجتك. لا يتم تضمين عمليات التدقيق اليدوية في الجدول لأنها لا تؤثر على درجتك.

التدقيق الوزن
قيم [accesskey] فريدة 7
تتطابق سمات [aria-*] مع أدوارها 10
القيم التي تم تخصيصها إلى role="" هي أدوار ARIA صالحة. 1
عناصر button وlink وmenuitem لها أسماء ظاهرة على واجهة المستخدم 7
العناصر التي تتضمّن role="dialog" أو role="alertdialog" تحمل أسماء ظاهرة على واجهة المستخدم 7
[aria-hidden="true"] غير مُدرَج في المستند <body> 10
لا تحتوي عناصر [aria-hidden="true"] على عناصر تابعة يمكن التركيز عليها 7
تحتوي حقول إدخال ARIA على أسماء يمكن الوصول إليها 7
عناصر ARIA meter لها أسماء ظاهرة على واجهة المستخدم 7
عناصر ARIA progressbar لها أسماء ظاهرة على واجهة المستخدم 7
تحتوي [role] على جميع سمات [aria-*] المطلوبة 10
العناصر التي تتضمّن ARIA [role] والتي تتطلّب عناصر ثانوية للاحتواء على عنصر [role] محدَّد تتضمّن كل العناصر الثانوية المطلوبة 10
تتضمّن السمة [role] ضمن العنصر الرئيسي المطلوب 10
قيمتان ([role]) صالحتان 7
العناصر التي تتضمّن السمة role=text لا تحتوي على عناصر تابعة يمكن التركيز عليها 7
تحتوي حقول تبديل ARIA على أسماء يمكن الوصول إليها 7
عناصر ARIA tooltip لها أسماء ظاهرة على واجهة المستخدم 7
عناصر ARIA treeitem لها أسماء ظاهرة على واجهة المستخدم 7
سمات [aria-*] لها قيم صالحة 10
سمات [aria-*] صالحة وليس بها أخطاء إملائية 10
الأزرار لها اسم ظاهر 10
تحتوي الصفحة على عنوان أو رابط تخطٍ أو منطقة معالم 7
تحتوي الخلفية وألوان الخلفية على نسبة تباين كافية 7
تحتوي <dl> على مجموعات <dt> و<dd> المرتبة بشكلٍ صحيح فقط، أو العناصر <script> أو <template> أو <div> 7
يتم التفاف عناصر قائمة التعريفات في عناصر <dl> 7
يحتوي المستند على عنصر <title> 7
سمات [id] في العناصر النشطة التي يمكن التركيز عليها فريدة 7
أرقام تعريف ARIA فريدة 10
لا تحتوي أي حقول نموذج على تصنيفات متعددة 3
عنصر <frame> أو <iframe> له عنوان 7
تظهر عناصر العناوين بترتيب تنازلي متسلسل 3
العنصر <html> يتضمّن السمة [lang] 7
يحتوي العنصر <html> على قيمة صالحة لسمة [lang] 7
يحتوي العنصر <html> على السمة [xml:lang] التي تستخدم اللغة الأساسية نفسها للسمة [lang] 3
تحتوي عناصر الصورة على سمات [alt] 10
لا تحتوي عناصر الصورة على سمات [alt] التي تُعد نصًا مكررًا 1
تحتوي أزرار الإدخال على نص واضح 10
عناصر <input type="image"> تحتوي على نص [alt] 10
العناصر التي تحتوي على تصنيفات نصية مرئية تتطابق مع أسماء تسهيل الاستخدام 7
عناصر النموذج لها تصنيفات مرتبطة 7
الروابط يمكن تمييزها بدون الاعتماد على الألوان 7
تحمل الروابط اسم واضح 7
تحتوي القوائم على عناصر <li> وعناصر داعمة للنص البرمجي فقط (<script> و<template>). 7
عناصر القائمة (<li>) مُدرَجة ضِمن العناصر الرئيسية <ul> أو <ol> أو <menu> 7
لا يستخدم المستند <meta http-equiv="refresh"> 10
[user-scalable="no"] غير مستخدم في العنصر <meta name="viewport"> والسمة [maximum-scale] لا تقل عن 5 10
عناصر <object> تحتوي على نص بديل 7
عناصر الاختيار التي تحتوي على عناصر تصنيف مرتبطة 7
يمكن التركيز على خيار التخطّي 3
لا يتوفّر عنصر له قيمة [tabindex] أكبر من 0 7
يختلف محتوى الجداول في سمة الملخّص عن محتوى <caption> 1
تستخدم الجداول <caption> بدلاً من الخلايا التي تستخدم السمة [colspan] للإشارة إلى الشرح 7
عناصر <td> في جدول <table> كبير تحتوي على عنوان جدول واحد أو أكثر 10
تشير الخلايا في العنصر <table> التي تستخدم السمة [headers] إلى خلايا الجدول داخل الجدول نفسه. 7
تحتوي <th> من العناصر والعناصر مع [role="columnheader"/"rowheader"] على خلايا بيانات يتم وصفها لها 7
سمات [lang] لها قيمة صالحة 7
عناصر <video> تحتوي على عنصر <track> مع [kind="captions"] 10