Firefox 브라우저 부가 기능
  • 확장 기능
  • 테마
    • Firefox용
    • 사전 및 언어 팩
    • 다른 브라우저 사이트
    • Android 부가 기능
로그인
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.

0 (리뷰 0개)0 (리뷰 0개)
Firefox를 다운로드하고 확장 기능을 받으세요
파일 다운로드

확장 메타 데이터

스크린샷
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 the Target Size Checker : 08/21/2026
리뷰어 0명이 0점으로 평가함
로그인하여 이 확장 기능의 평점을 남겨주세요
아직 평점이 없습니다

별점 저장됨

5
0
4
0
3
0
2
0
1
0
아직 리뷰 없음
권한 및 데이터

필수 권한:

  • 열려있는 탭의 데이터에 접근하도록 개발자 도구 확장

선택적 권한:

  • 모든 웹사이트에서 사용자의 데이터에 접근

데이터 수집:

  • 개발자는 이 확장 기능이 데이터 수집을 요구하지 않는다고 밝히고 있습니다.
더 알아보기
추가 정보
부가 기능 링크
  • 홈 페이지
  • 지원 사이트
  • 부가 기능 ID 복사
버전
1.3.0
크기
56.85 KB
최근 업데이트
10일 전 (2026년 8월 21일)
관련 카테고리
  • 웹 개발 도구
라이선스
All Rights Reserved
버전 목록
  • 모든 버전 보기
모음집에 추가
이 부가 기능 신고
Mozilla 홈페이지로 이동

부가 기능

  • 소개
  • Firefox 부가 기능 블로그
  • 확장 기능 워크샵
  • 개발자 허브
  • 개발자 정책
  • 커뮤니티 블로그
  • 포럼
  • 버그 신고
  • 리뷰 지침

다운로드

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

최신 빌드

  • Nightly
  • Beta

기업용 Firefox

  • Enterprise

커뮤니티

  • Connect
  • Contribute
  • Developer

팔로우

  • Instagram
  • YouTube
  • TikTok
  • Bluesky
  • Podcast
  • 개인 정보
  • 쿠키
  • 법률

특별한 고지가 없는 한, 본 사이트의 콘텐츠는 Commons Attribution Share-Alike License v3.0 또는 그 이후 버전에 따라 사용이 허가됩니다.