افزونه‌های مرورگر فایرفاکس
  • افزونه‌ها
  • پوسته‌ها
    • برای فایرفاکس
    • واژه‌نامه‌ها و بسته‌های زبان
ورود
پیش‌نمایش SpotCheck: Accessibility Toolkit

SpotCheck: Accessibility Toolkit xirclebox توسط

Toggle any of the tests to spot check common accessibility issues. Each one links to its related WCAG 2.2 success criteria.

5 (۱ بررسی)5 (۱ بررسی)
۷ کاربر۷ کاربر
فایرفاکس را دریافت کنید و افزونه را بگیرید
دریافت فایل

فرادادهٔ افزونه

تصاویر صفحه
SpotCheck - Dark modeSpotCheck - Light mode
دربارهٔ این افزونه
A Chrome DevTools collection of tests that allow you to spot-check common accessibility issues directly in the browser. Each one links to its related WCAG 2.2 success criteria.

Available tools:
• Landmark Visualizer
Outlines every ARIA and HTML landmark region and flags ones missing an accessible name or duplicated.

• Link Accessibility Auditor
Checks every link for a real accessible name and flags generic text like “click here”.

• Heading Validator
Walks the heading outline in document order and flags any level that skips ahead.

• List Identifier
Flags empty lists, malformed markup, and list items that aren’t inside a list at all.

• Tab Order Visualizer
Numbers every focusable element in tab order and flags positive tabindex values.

• Text Contrast Checker
Measures text contrast against its effective background and flags anything below WCAG AA minimum.

• Alt Text Checker
Checks every image for alt text and flags the ones missing it or marked incorrectly.

• Input Label Checker
Outlines every input, select, and textarea on the page, then labels each one with how it gets its accessible name.

• Target Size Checker
Run this on any page to measure every clickable target, flag the ones under 24 by 24 CSS pixels, and show which ones clear the 44 by 44 enhanced threshold.

How to open your browser's DevTools

Open DevTools with Keyboard Shortcut
- Windows/Linux: Press F12 or Ctrl + Shift + I
- macOS: Press Cmd + Option + I

Open DevTools from Browser Menu
Browser menu --> More tools --> Developer tools
- Click the browser’s menu icon (⋮ or ☰)
- Select "More tools"
- Choose "Developer tools"

Open DevTools by Inspecting an Element
- Right‑click any part of the webpage to open the menu
- Select "Inspect" or "Inspect element" from the menu

Open DevTools via Command Menu : Chrome / Edge
- Press Ctrl + Shift + P (Windows/Linux) or Cmd + Shift + P (macOS)
- Type “DevTools” or the panel name (e.g., “Elements”, “Console”)

Updates:
- Added support for the shadow DOM : 09/17/2026
- Added the ability to access the tools from the Browser Extension Bar : 09/12/2026
- Added the Target Size Checker : 08/21/2026
امتیاز ۵ توسط ۱ بررسی‌کننده
وارد شوید تا به این افزونه امتیاز دهید
هنوز هیچ امتیازی ثبت نشده است

امتیاز ستاره‌ای ذخیره شد

۵
۱
۴
۰
۳
۰
۲
۰
۱
۰
۱ بررسی را بخوانید
دسترسی‌ها و داده‌ها

دسترسی‌های الزامی:

  • گسترش ابزارهای توسعه‌دهنده برای دسترسی به داده‌های شما در زبانه‌های باز
اطلاعات بیشتر
اطلاعات بیشتر
پیوند‌های افزونه
  • صفحه نخست
  • سایت پشتیبانی
  • کپی شناسه افزونه
نسخه
1.4.5
اندازه
۶۱٫۶۳ کیلوبایت
آخرین به‌روزرسانی
۲۰ روز پیش (۱۹ سپتامبر ۲۰۲۶)
دسته‌بندی‌های مرتبط
  • توسعه وب
مجوز
تمامی حقوق محفوظ است
تاریخچهٔ نسخه‌ها
  • نمایش همه نسخه‌ها
افزودن به مجموعه
گزارش این افزونه
رفتن به صفحه اصلی موزیلا

افزونه‌ها

  • درباره
  • وبلاگ افزونه‌های فایرفاکس
  • کارگاه افزونه
  • مرکز توسعه‌دهندگان
  • سیاست‌های توسعه‌دهنده
  • وبلاگ انجمن
  • انجمن
  • گزارش خطا
  • راهنمای بررسی

بارگیری

  • Download Firefox
  • Windows
  • macOS
  • iOS
  • Android
  • Linux
  • All

آخرین نسخه‌های ساخت

  • Nightly
  • Beta

فایرفاکس برای کسب‌وکار

  • Enterprise

انجمن

  • Connect
  • Contribute
  • Developer

دنبال کردن

  • Instagram
  • YouTube
  • TikTok
  • Bluesky
  • Podcast
  • حریم‌خصوصی
  • کوکی‌ها
  • حقوقی

غیر از مواردی که مشخص شده، محتوای این سایت تحت گواهینامه Creative Commons Attribution Share-Alike License v3.0 یا هر نسخه بعدی خواهد بود.