این قاعده چه چیزی را بررسی میکند
بررسی میکند که عناصر <svg> با نقش img، image، graphics-document یا graphics-symbol متن دسترسپذیر داشته باشند.
چرا اهمیت دارد
WCAG 1.1.1 برای تصاویر معنادار یک متن جایگزین الزامی میکند.
نحوه رفع
- به SVGهای معنادار aria-label یا یک عنصر <title> اضافه کنید، و به SVGهای صرفاً تزئینی aria-hidden="true".
نحوه بررسی اصلاح
- صفحات تحت تأثیر را دوباره اسکن کنید.
FixReports چگونه آن را پیدا میکند
اسکن ما قاعده svg-img-alt از axe-core را در یک مرورگر Chrome واقعی روی هر صفحهای که تست میکند اجرا میکند و هر عنصر ردشده را همراه با صفحه، کد HTML آن و در صورت امکان یک اسکرینشات گزارش میدهد.
تست خودکار وجود همین مشکل مشخص را تأیید میکند. اما نمیتواند بگوید بقیه صفحه دسترسپذیر است یا نه: برخی موانع فقط وقتی آشکار میشوند که یک انسان صفحه را بررسی کند.