گزارش رفع مشکلات دسترس‌پذیری

آنچه بررسی می‌کنیم

• قوانین WCAG 2.2 سطح A و AA

  تست‌های خودکار axe-core روی صفحات کلیدی شما و حداکثر 20 صفحه دیگر از نقشه سایت: متن جایگزین، کنتراست رنگ، نام دکمه‌ها و لینک‌ها، برچسب فرم‌ها، سرفصل‌ها، نواحی صفحه (landmarks) و ARIA.

• تست پیمایش با صفحه‌کلید

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

• تله‌های فوکوس و فوکوس قابل مشاهده

  اینکه آیا فوکوس جایی گیر می‌کند، مثلاً در بنر کوکی، و آیا بازدیدکنندگان می‌توانند ببینند فوکوس کجاست.

• بازچینی در گوشی با عرض 320 px

  اینکه آیا صفحات در یک گوشی کوچک به اسکرول افقی نیاز دارند (WCAG 1.4.10).

• نقشه ادعاهای اخطارنامه

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

• مواردی برای بررسی انسانی

  آنچه تست‌ها علامت می‌زنند اما نمی‌توانند درباره‌اش تصمیم بگیرند، مانند متن روی تصاویر، همراه با روش بررسی هر کدام.

• Critical

  @axe/button-name/help{"$en":"Buttons must have discernible text"}

  

  41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.

  Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}

• Critical

  @axe/image-alt/help{"$en":"Images must have alternative text"}

  

  22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.

  Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').

• Critical

  @axe/label/help{"$en":"Form elements must have labels"}

  

  7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.

  Fix: Placeholder text alone does not count as a label.