التخطي إلى المحتوى
Toova
جميع الأدوات

مدقّق ARIA

خصوصية بالتصميم — يعمل بالكامل في متصفحك

الصق مقتطف HTML فيشير الأداة إلى alt المفقود، والعناصر التفاعلية الفارغة، والأدوار غير الصالحة، و aria-hidden على عناصر قابلة للتركيز.

ما الأخطاء التي تلتقطها الأداة

غياب alt في <img>، و <button>/<a> فارغة دون aria-label، وروابط ذات href فارغ أو "#"، و input بلا label/id، وقيم role غير صالحة، و aria-hidden="true" على عناصر قابلة للتركيز.

هل تعوّض axe أو Lighthouse

لا. هي فحص سريع قبل الإقلاع يلتقط الأخطاء الأرخص في الإصلاح، بينما تبقى مراجعة axe و Lighthouse واختبارات قارئات الشاشة لا غنى عنها قبل الإطلاق.

لماذا يُقبل role="presentation" على الصور

تُزيل role="presentation" (و role="none") الدلالة الضمنية وتُحدّد الصورة بأنها زخرفية، فإمّا هذه القيمة أو alt="" تدلّ تقنيات المساعدة على تجاوز الصورة.

الأسئلة الشائعة

ما الأخطاء التي تلتقطها الأداة؟
غياب alt في <img>، و <button>/<a> فارغة دون aria-label، وروابط ذات href فارغ أو "#"، و input بلا label/id، وقيم role غير صالحة، و aria-hidden="true" على عناصر قابلة للتركيز.
هل تعوّض axe أو Lighthouse؟
لا. هي فحص سريع قبل الإقلاع يلتقط الأخطاء الأرخص في الإصلاح، بينما تبقى مراجعة axe و Lighthouse واختبارات قارئات الشاشة لا غنى عنها قبل الإطلاق.
لماذا يُقبل role="presentation" على الصور؟
تُزيل role="presentation" (و role="none") الدلالة الضمنية وتُحدّد الصورة بأنها زخرفية، فإمّا هذه القيمة أو alt="" تدلّ تقنيات المساعدة على تجاوز الصورة.
هل يُرفع شيء؟
لا. الفحص دالة JavaScript صغيرة على هذه الصفحة، ولا تغادر مارك آبك المتصفح.