WCAG 2.4.4, 4.1.2 · سطح ⁨A⁩

لینک‌ها باید متن قابل تشخیص داشته باشند

برخی لینک‌ها هیچ متنی ندارند که صفحه‌خوان بتواند اعلام کند؛ اغلب لینک‌هایی که فقط یک آیکون دارند، مانند آیکون‌های شبکه‌های اجتماعی یا آیکون سبد خرید.

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

بررسی می‌کند که لینک‌ها متن قابل تشخیص داشته باشند.

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

WCAG 2.4.4 و 4.1.2 الزامی می‌کنند که لینک‌ها نام دسترس‌پذیر داشته باشند که هدفشان را توصیف کند.

نحوه رفع

  1. لینک‌هایی را که نام ندارند پیدا کنید. بیشتر آن‌ها آیکون یا تصویری داخل یک تگ ⁨<a>⁩ هستند.
  2. یک متن پنهان از دید (visually hidden) داخل لینک اضافه کنید، یا یک aria-label مانند ⁨aria-label="Instagram"⁩ یا ⁨aria-label="Cart"⁩.
  3. اگر لینک یک تصویر را در بر گرفته است، به‌جای آن به تصویر یک متن alt معنادار بدهید.

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

  • دوباره اسکن کنید و مطمئن شوید ⁨link-name⁩ برطرف شده است.
  • در حالی که صفحه‌خوان روشن است، با Tab به هر لینک بروید و به نام آن گوش دهید.

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

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

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

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

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

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

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

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

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