این قاعده چه چیزی را بررسی می‌کند
بررسی می‌کند که مقدار هر ویژگی id که در ARIA و برچسب‌ها به کار رفته است منحصربه‌فرد باشد.
چرا اهمیت دارد
برچسب‌ها و توضیحات با id به عناصر اشاره می‌کنند؛ idهای تکراری این ارتباط را از بین می‌برند (WCAG 4.1.2).
نحوه رفع
- به هر عنصر یک id منحصربه‌فرد بدهید و ویژگی‌هایی را که به آن ارجاع می‌دهند (for، aria-labelledby، aria-describedby) به‌روز کنید.
- در بخش‌های (sections) Shopify، {{ section.id }} را به idها اضافه کنید تا بخش‌های تکراری منحصربه‌فرد بمانند.
نحوه بررسی اصلاح
- دوباره اسکن کنید و مطمئن شوید قاعده duplicate-id قبول می‌شود.
FixReports چگونه آن را پیدا می‌کند
اسکن ما قاعده duplicate-id-aria از axe-core را در یک مرورگر Chrome واقعی روی هر صفحه‌ای که تست می‌کند اجرا می‌کند و هر عنصر ردشده را همراه با صفحه، کد HTML آن و در صورت امکان یک اسکرین‌شات گزارش می‌دهد.
تست خودکار وجود همین مشکل مشخص را تأیید می‌کند. اما نمی‌تواند بگوید بقیه صفحه دسترس‌پذیر است یا نه: برخی موانع فقط وقتی آشکار می‌شوند که یک انسان صفحه را بررسی کند.