WCAG 1.1.1 · سطح ⁨A⁩

عناصر [role="img"] و [role="image"] باید متن جایگزین داشته باشند

عنصری که به‌عنوان تصویر ارائه شده است متن جایگزین ندارد.

این قاعده چه چیزی را بررسی می‌کند

بررسی می‌کند که عناصر [role="img"] و [role="image"] متن جایگزین داشته باشند.

چرا اهمیت دارد

WCAG 1.1.1 برای تصاویر معنادار یک متن جایگزین الزامی می‌کند.

نحوه رفع

  1. به عنصر aria-label اضافه کنید، یا اگر تزئینی است ⁨role="img"⁩ را حذف کنید.

نحوه بررسی اصلاح

  • صفحات تحت تأثیر را دوباره اسکن کنید.

FixReports چگونه آن را پیدا می‌کند

اسکن ما قاعده ⁨role-img-alt⁩ از axe-core را در یک مرورگر Chrome واقعی روی هر صفحه‌ای که تست می‌کند اجرا می‌کند و هر عنصر ردشده را همراه با صفحه، کد HTML آن و در صورت امکان یک اسکرین‌شات گزارش می‌دهد.

تست خودکار وجود همین مشکل مشخص را تأیید می‌کند. اما نمی‌تواند بگوید بقیه صفحه دسترس‌پذیر است یا نه: برخی موانع فقط وقتی آشکار می‌شوند که یک انسان صفحه را بررسی کند.

همین امروز وب‌سایت خود را اسکن کنید

پیدا کنید. رفع کنید. تأیید کنید.

این چه نوع وب‌سایتی است؟

پاسخ شما بررسی‌های مناسب را انتخاب می‌کند، مثل مسیر خرید برای فروشگاه‌های آنلاین. با این حال شواهد خود سایت را هم بررسی می‌کنیم و هر دو را نشان می‌دهیم.

این چه نوع وب‌سایتی است؟

اسکن رایگان. بدون نیاز به کارت بانکی.