این قاعده چه چیزی را بررسی میکند
بررسی میکند که لینکها متن قابل تشخیص داشته باشند.
چرا اهمیت دارد
WCAG 2.4.4 و 4.1.2 الزامی میکنند که لینکها نام دسترسپذیر داشته باشند که هدفشان را توصیف کند.
نحوه رفع
- لینکهایی را که نام ندارند پیدا کنید. بیشتر آنها آیکون یا تصویری داخل یک تگ <a> هستند.
- یک متن پنهان از دید (visually hidden) داخل لینک اضافه کنید، یا یک aria-label مانند aria-label="Instagram" یا aria-label="Cart".
- اگر لینک یک تصویر را در بر گرفته است، بهجای آن به تصویر یک متن alt معنادار بدهید.
نحوه بررسی اصلاح
- دوباره اسکن کنید و مطمئن شوید link-name برطرف شده است.
- در حالی که صفحهخوان روشن است، با Tab به هر لینک بروید و به نام آن گوش دهید.
FixReports چگونه آن را پیدا میکند
اسکن ما قاعده link-name از axe-core را در یک مرورگر Chrome واقعی روی هر صفحهای که تست میکند اجرا میکند و هر عنصر ردشده را همراه با صفحه، کد HTML آن و در صورت امکان یک اسکرینشات گزارش میدهد.
تست خودکار وجود همین مشکل مشخص را تأیید میکند. اما نمیتواند بگوید بقیه صفحه دسترسپذیر است یا نه: برخی موانع فقط وقتی آشکار میشوند که یک انسان صفحه را بررسی کند.