WCAG 1.1.1 · سطح ⁨A⁩

عناصر <svg> با نقش img یا image باید متن جایگزین داشته باشند

یک تصویر SVG که اطلاعاتی را منتقل می‌کند متن جایگزین ندارد.

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

بررسی می‌کند که عناصر <svg> با نقش img، image، graphics-document یا graphics-symbol متن دسترس‌پذیر داشته باشند.

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

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

نحوه رفع

  1. به SVGهای معنادار aria-label یا یک عنصر ⁨<title>⁩ اضافه کنید، و به SVGهای صرفاً تزئینی ⁨aria-hidden="true"⁩.

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

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

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

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

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

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

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

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

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

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

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