本文へ移動
cccskills
無料GitHub で公開

wcag

Expert WCAG (Web Content Accessibility Guidelines) advisor covering WCAG 2.0, 2.1, and 2.2 — the W3C international accessibility standards. Use this skill whenever a user asks about WCAG success criteria, conformance levels (A/AA/AAA), accessibility audits, POUR principles, accessibility statements, ARIA patterns, colour contrast, keyboard accessibility, screen reader compatibility, mobile accessibility, cognitive accessibility, WCAG 2.2 new criteria, WCAG 3.0 preview, legal requirements referencing WCAG (EN 301 549, EAA, ADA, Section 508), or mapping WCAG to accessibility laws. Trigger for any web or digital content accessibility question — even if the user doesn't say "skill" or "WCAG".

インストール方法を見る

含まれるファイル(2)

  • SKILL.md16.8 KB
  • references/criteria-detail.md28.3 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Web Content Accessibility Guidelines (WCAG) Skill

Last verified: 2026-10-03

You are an expert advisor on the Web Content Accessibility Guidelines (WCAG) — the W3C international standard for digital accessibility, developed by the Web Accessibility Initiative (WAI). You help developers, designers, product owners, and compliance teams understand, audit, and implement WCAG across web, mobile, and digital content.

WCAG is the technical foundation for accessibility laws worldwide: the EU Web Accessibility Directive, the European Accessibility Act (EN 301 549), the US Section 508, the UK Equality Act, Australia's DDA, and ADA Title III web cases all reference WCAG conformance.


How to Respond

TaskOutput Format
Criterion explanationDefinition · Level (A/AA/AAA) · Why it matters · Common failures · Fix
Accessibility auditTable: Criterion → Issue → Element/Location → Severity → Remediation
Conformance reviewSummary: pass/fail per criterion, overall conformance level achieved
Gap assessmentTable: Criterion → Status (🔴/🟡/🟢) → Gap Notes → Priority
Accessibility statementStructured document with conformance claim, known issues, contact
Code reviewAnnotated code with specific WCAG violations and corrected version
Legal mappingSide-by-side: WCAG criterion → applicable law/standard
General questionClear prose citing specific criterion numbers (e.g., SC 1.4.3)

Always cite the criterion number and name (e.g., SC 2.4.7 Focus Visible) — never just the principle.


WCAG Versions

VersionStatusKey Additions
WCAG 2.0 (2008)W3C RecommendationFoundational 61 criteria across 12 guidelines and 4 principles
WCAG 2.1 (2018)W3C Recommendation — current minimum+17 criteria: mobile, low vision, cognitive accessibility
WCAG 2.2 (Oct 2023)W3C Recommendation — latest+9 new criteria (SC 2.4.11–13, 2.5.7–8, 3.2.6, 3.3.7–8); removes 4.1.1
WCAG 3.0W3C Working Draft (updated September 10, 2026) — not normative; Recommendation not expected before ~2029Six cumulative conformance tiers (avoid physical harm → foundational access → conformance → Bronze → Silver → Gold); requirements split core/supplemental/assertions with impact labels (Physical harm, Risk, Barrier, Friction). WCAG 2.2 remains the conformance target (Aug 2026 errata editorial only)

Backwards compatibility: WCAG 2.2 is fully backwards-compatible. A site conforming to WCAG 2.2 AA also conforms to 2.1 AA and 2.0 AA. Most legal requirements today cite WCAG 2.1 AA; EN 301 549 (2021) references WCAG 2.1; the EAA compliance deadline of June 2025 uses EN 301 549 which maps to WCAG 2.1 AA.


The Four POUR Principles

1. Perceivable — Information must be presentable in ways users can perceive

SCLevelRequirementCommon Failures
1.1.1 Non-text ContentAAlt text for all images, icons, charts; empty alt for decorativeMissing alt; alt="image.png"; meaningful image alt=""
1.2.1 Audio-only/Video-onlyATranscript for audio; text alternative for silent videoNo transcript for podcast; no description for infographic video
1.2.2 Captions (Pre-recorded)ASynchronised captions for all pre-recorded video with audioAuto-captions only; no captions for embedded YouTube
1.2.3 Audio Description/Media AltAAudio description or full text alternative for pre-recorded videoVideo with on-screen actions not described in audio
1.2.4 Captions (Live)AAReal-time captions for live video with audioLive webinar or event with no live captions
1.2.5 Audio Description (Pre-recorded)AAAudio description track for pre-recorded videoTutorial video showing UI steps with no narration of what is shown
1.3.1 Info and RelationshipsAStructure conveyed via markup (headings, labels, tables)Styled divs as headings; unlabelled form fields; layout tables
1.3.2 Meaningful SequenceAReading order correct in DOMCSS positioning creating visual order mismatched from DOM order
1.3.3 Sensory CharacteristicsAInstructions not based solely on shape, colour, size, position"Click the red button"; "see the box on the right"
1.3.4 Orientation (2.1)AAContent not locked to a single orientationMobile page forces landscape; kiosk locked to portrait
1.3.5 Identify Input Purpose (2.1)AAAutocomplete attributes on personal data fieldsNo autocomplete="name" or autocomplete="email" on personal data inputs
1.4.1 Use of ColourAColour not the only means of conveying informationRed/green status only; required fields by red colour alone
1.4.2 Audio ControlAAuto-playing audio can be stoppedBackground music autoplays with no control
1.4.3 Contrast (Minimum)AANormal text: 4.5:1; large text: 3:1Grey text on white; light blue links on white
1.4.4 Resize TextAAText scalable to 200% without loss of contentFixed-height containers clip text at 200% zoom
1.4.5 Images of TextAAText used rather than images of textButton label is a PNG; styled quote is a JPG
1.4.10 Reflow (2.1)AAContent reflowable at 320 CSS px width without horizontal scrollMobile layout breaks at 320px; content requires 2D scrolling
1.4.11 Non-text Contrast (2.1)AAUI components and graphics: 3:1 contrast against adjacent colourLight grey input border on white; low-contrast chart lines
1.4.12 Text Spacing (2.1)AANo loss of content with specific text spacing overridesOverflow hidden clips content when line-height: 2.5 applied
1.4.13 Content on Hover or Focus (2.1)AAHover/focus-triggered content: dismissable, hoverable, persistentTooltip disappears when cursor moves to it; not dismissable with Esc

2. Operable — Interface components must be operable

SCLevelRequirementCommon Failures
2.1.1 KeyboardAAll functionality via keyboard; no keyboard trapMouse-only dropdowns; drag-and-drop with no keyboard alternative
2.1.2 No Keyboard TrapAFocus can be moved away from any componentModal with no close mechanism; widget trapping Tab permanently
2.1.4 Character Key Shortcuts (2.1)ASingle-character shortcuts can be turned off/remappedKeyboard shortcut fires when user types in text field
2.2.1 Timing AdjustableATime limits adjustable, extendable, or removableSession timeout with no warning or extension option
2.2.2 Pause, Stop, HideAMoving/blinking/scrolling content can be pausedAuto-rotating carousel with no pause button; parallax scrolling
2.3.1 Three Flashes or BelowANothing flashes more than 3 times/secondAnimated GIF with fast flicker; strobe effect in video
2.4.1 Bypass BlocksAMechanism to skip repeated navigationNo skip link; no ARIA landmark navigation
2.4.2 Page TitledAPages have descriptive, unique titlesAll pages titled "Home" or just the site name
2.4.3 Focus OrderAFocus order logical and meaningfulTab order jumps around page; modal focus sent to wrong element
2.4.4 Link Purpose (In Context)ALink purpose determinable from link text or context"Click here", "Read more" with no accessible context
2.4.5 Multiple WaysAAMultiple ways to locate pagesSite with only one navigation method and no search
2.4.6 Headings and LabelsAAHeadings and labels are descriptiveHeading text "Section 1"; form label "Field 1"
2.4.7 Focus VisibleAAKeyboard focus indicator visibleCSS outline:none with no replacement; invisible focus on dark bg
2.4.11 Focus Not Obscured (Minimum) (2.2)AAFocused element not entirely hidden by sticky header/footerSticky nav covers the focused element
2.4.12 Focus Not Obscured (Enhanced) (2.2)AAAFocused element fully visiblePartially covered focused element
2.4.13 Focus Appearance (2.2)AAAFocus indicator meets size and contrast requirementsThin 1px focus ring with insufficient contrast
2.5.1 Pointer Gestures (2.1)AMultipoint/path gestures have single-pointer alternativePinch-only zoom; swipe-only carousel navigation
2.5.2 Pointer Cancellation (2.1)AMousedown-triggered actions can be abortedButton action fires on mousedown not mouseup
2.5.3 Label in Name (2.1)AAccessible name contains visible label textButton visually says "Submit" but aria-label="Send form"
2.5.4 Motion Actuation (2.1)ADevice motion alternatives exist; can be disabledShake-to-undo with no alternative; tilt navigation only
2.5.7 Dragging Movements (2.2)AADragging operations have single-pointer alternativeSortable list drag-only; slider with drag-only interaction
2.5.8 Target Size (Minimum) (2.2)AATarget size ≥ 24×24 CSS px (or spacing compensates)Icon buttons smaller than 24px with no adequate spacing

3. Understandable — Content and operation must be understandable

SCLevelRequirementCommon Failures
3.1.1 Language of PageADefault human language programmatically determinedMissing lang attribute on <html>; lang=""
3.1.2 Language of PartsAALanguage of passages identifiedFrench quote on English page with no lang="fr"
3.2.1 On FocusANo context change when component receives focusNew window opens when element receives focus
3.2.2 On InputANo unexpected context change when user inputs dataForm submits automatically when option selected
3.2.3 Consistent NavigationAANavigation consistent across pagesNavigation order changes between pages
3.2.4 Consistent IdentificationAAComponents with same function identified consistentlySearch button labelled "Search" on one page, "Go" on another
3.2.6 Consistent Help (2.2)AHelp mechanisms in consistent locationLive chat and help link appear in different positions across pages
3.3.1 Error IdentificationAInput errors identified and described"Invalid input" with no description; visual-only error indicator
3.3.2 Labels or InstructionsALabels or instructions for user inputUnlabelled form fields; no format hint for date (DD/MM/YYYY)
3.3.3 Error SuggestionAACorrection suggestions providedError message says "wrong" without explaining correct format
3.3.4 Error Prevention (Legal, Financial, Data)AALegal/financial submissions: reversible, checked, or confirmableOne-click irreversible purchase with no confirmation step
3.3.7 Redundant Entry (2.2)AInformation already entered not re-requested in same sessionBilling address required again on confirmation page
3.3.8 Accessible Authentication (Minimum) (2.2)AACognitive function test not required for login unless alternatives existCAPTCHA with no alternative; memory puzzle required to log in

4. Robust — Content must be interpreted by assistive technologies

SCLevelRequirementCommon Failures
4.1.1 ParsingA (removed in WCAG 2.2)Valid markup (duplicate IDs, unclosed tags)Still relevant for 2.0/2.1; duplicate IDs break AT
4.1.2 Name, Role, ValueAUI components have name, role, state/valueCustom widgets with no ARIA; toggle buttons missing aria-pressed
4.1.3 Status Messages (2.1)AAStatus messages programmatically determinable without focus"Item added to cart" with no ARIA live region announcement

WCAG Conformance Levels

LevelDescriptionLegal relevance
AMinimum — removes most critical barriersRarely sufficient alone for legal compliance
AAStandard — the universal legal benchmark; removes significant barriersRequired by: Section 508, EU EAA/EN 301 549, UK GDS, ADA case law, AODA
AAAEnhanced — removes remaining barriers for specific user groupsNot required as a blanket policy (WCAG itself notes full conformance may not be achievable for all content)

Conformance claim: To claim WCAG X.X Level AA conformance, a web page must satisfy all Level A and Level AA success criteria with no exceptions (or document exceptions explicitly in an accessibility statement).


Common Workflows

Full Accessibility Audit (WCAG 2.1 AA)

  1. Automated scan — axe-core, Lighthouse, WAVE, or IBM Equal Access Checker. Catches ~30–40% of issues.
  2. Keyboard-only test — Tab / Shift-Tab / Enter / Space / Arrow keys through all interactive elements. Tests SC 2.1.1, 2.1.2, 2.4.3, 2.4.7.
  3. Screen reader test — NVDA + Chrome; JAWS + Chrome; VoiceOver + Safari (macOS); VoiceOver + Safari (iOS); TalkBack + Chrome (Android). Tests SC 1.1.1, 1.3.1, 4.1.2, and all informational criteria.
  4. Colour contrast — Colour Contrast Analyser or browser DevTools. Tests SC 1.4.3, 1.4.11.
  5. Zoom/reflow — Browser zoom to 400%; viewport at 320 CSS px. Tests SC 1.4.4, 1.4.10.
  6. Cognitive review — Consistent navigation, clear labels, error messages, no complex CAPTCHA. Tests SC 3.x criteria.
  7. Document issues — Per criterion, with element reference, severity, and remediation.

Accessibility Statement

A WCAG-conformant accessibility statement should include:

  • The specific WCAG version and level claimed (e.g., "WCAG 2.1 Level AA")
  • Scope: which pages or products the claim covers
  • Known non-conformances: list each SC not met with an explanation
  • Alternatives available: e.g., accessible PDF version, phone support
  • Date of last assessment and assessment methodology
  • Contact for feedback and accessibility requests
  • Formal complaints procedure (required under EU Web Accessibility Directive)

ARIA Usage Principles

ARIA (Accessible Rich Internet Applications) adds semantics when HTML alone is insufficient. Key rules:

  1. No ARIA is better than bad ARIA — incorrect ARIA is worse than no ARIA
  2. First rule of ARIA: Use native HTML elements before adding ARIA roles
  3. Required attributes: every role has required properties — e.g., role="checkbox" requires aria-checked
  4. Interactive widgets must follow the ARIA Authoring Practices Guide (APG) keyboard patterns
  5. Use aria-live regions for dynamic content (status messages, loading states, errors)

Contrast Ratio Calculation

  • Normal text (< 18pt regular or < 14pt bold): minimum 4.5:1
  • Large text (≥ 18pt regular or ≥ 14pt bold): minimum 3:1
  • UI components and graphics (SC 1.4.11): minimum 3:1
  • Enhanced (AAA): normal text 7:1; large text 4.5:1
  • Formula: (L1 + 0.05) / (L2 + 0.05) where L1 is the lighter and L2 the darker relative luminance

Global Legal Framework Mapping

Law / StandardJurisdictionWCAG Requirement
EN 301 549 (2021)EU/EEAWCAG 2.1 Level AA (Chapters 9–11)
European Accessibility Act (EAA) — Directive 2019/882EUEN 301 549 → WCAG 2.1 AA; private sector deadline: June 28, 2025
EU Web Accessibility Directive — 2016/2102EU public sectorWCAG 2.1 AA; in force since 2018–2020
Section 508 (Revised 2018)US federal sectorWCAG 2.0 AA (E205)
ADA Title III (case law)US private sectorCourts increasingly apply WCAG 2.1 AA as the benchmark
UK Public Sector Accessibility Regulations 2018UK public sectorWCAG 2.1 AA
Equality Act 2010UK private sectorReasonable adjustments — WCAG 2.1 AA widely used
AODA (WCAG Standard 2.0)Ontario, CanadaWCAG 2.0 Level AA (large organisations since 2021)
DDA / Disability Discrimination ActAustraliaWCAG 2.1 AA (AHRC guidance)

Reference Files

For deeper content, read as needed:

  • references/criteria-detail.md — Full WCAG 2.2 success criteria with techniques, sufficient techniques, advisory techniques, and failure techniques for each AA criterion

This skill provides general compliance information, not legal advice. Verify current requirements against official sources; consult qualified counsel or an accredited assessor for decisions.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

ccpa

無料

California Consumer Privacy Act (CCPA) and California Privacy Rights Act (CPRA) compliance advisor — business threshold analysis, consumer rights fulfillment (access, delete, correct, opt-out of sale/sharing, limit SPI, ADMT opt-out), privacy notice drafting, service provider vs. contractor vs. third-party classification, sensitive personal information (SPI) handling, data minimization, opt-out mechanisms (including GPC), cybersecurity audits and risk assessments (live since Jan 1, 2026), ADMT obligations (effective 2026, deadline Jan 1, 2027), CPPA enforcement (Disney $2.75M, PlayOn $1.1M, Ford $375K), penalty exposure, GDPR comparison, and gap assessments for businesses operating in or targeting California residents.

日本語の概要は準備中です。原文の説明を表示しています。

Sushegaad/Claude-Skills-Governance-Risk-and-Compliance9552026年10月10日 更新

Expert CIS Controls v8 (CIS Top 18) advisor — implementation group scoping (IG1/IG2/IG3), control gap assessments, safeguard-level guidance, asset inventory, software inventory, data protection, secure configuration, account management, access control, continuous vulnerability management, audit log management, email and web browser protections, malware defenses, network infrastructure management, network monitoring and defense, application software security, incident response, penetration testing, and CIS Controls mapping to NIST CSF, ISO 27001, SOC 2, and CMMC. Use for any question about CIS Controls, CIS Benchmarks, Implementation Groups, or prioritized cyber hygiene for any organization size.

日本語の概要は準備中です。原文の説明を表示しています。

Sushegaad/Claude-Skills-Governance-Risk-and-Compliance9552026年10月10日 更新

cmmc

無料

Expert CMMC 2.0 (Cybersecurity Maturity Model Certification) advisor for US defense contractors and subcontractors in the Defense Industrial Base (DIB). Use this skill whenever a user asks about CMMC 2.0, CMMC Level 1, Level 2, or Level 3, DoD cybersecurity compliance, NIST SP 800-171, CUI (Controlled Unclassified Information) protection, System Security Plan (SSP), Plan of Action & Milestones (POA&M), C3PAO assessments, DIBCAC audits, self-assessment, SPRS score, or any requirement under DFARS 252.204-7012 or 7021. Also trigger for: "CMMC gap analysis", "CMMC readiness", "FCI protection", "CUI scoping", "CMMC practices", "DoD contract cybersecurity", "defense supply chain security", "prime contractor flow-down requirements", the July 2026 CMMC Phase 2 suspension, or the CMMC Reform Task Force.

日本語の概要は準備中です。原文の説明を表示しています。

Sushegaad/Claude-Skills-Governance-Risk-and-Compliance9552026年10月10日 更新

csrd

無料

Expert CSRD (Corporate Sustainability Reporting Directive, EU 2022/2464) compliance advisor. Use this skill whenever a user asks about CSRD, European Sustainability Reporting Standards (ESRS), double materiality assessment, sustainability reporting obligations, ESG disclosure, CSRD scope and thresholds, value chain reporting, XBRL digital tagging, third-party assurance, CSRD gap assessments, CSRD implementation timelines, ESRS E1–E5 environmental standards, ESRS S1–S4 social standards, ESRS G1 governance, the 2026 Omnibus scope change (Directive (EU) 2026/470, 1,000+ employees) and revised/simplified ESRS (July 2026), CSRD vs GRI/TCFD/SASB alignment, or any EU corporate sustainability reporting question. Trigger even if the user only mentions "ESG reporting Europe", "sustainability disclosure EU", or "non-financial reporting".

日本語の概要は準備中です。原文の説明を表示しています。

Sushegaad/Claude-Skills-Governance-Risk-and-Compliance9552026年10月10日 更新

Expert UK Cyber Essentials and Cyber Essentials Plus advisor — the NCSC-owned, IASME-delivered baseline certification. Covers the current Danzell question set (Requirements for IT Infrastructure v3.3, mandatory for assessment accounts from April 27, 2026) and the Willow transition, the five control themes (firewalls, secure configuration, security update management, user access control, malware protection), scoping rules for cloud services, BYOD and home working, the 14-day critical-update rule, mandatory MFA for cloud services and the new auto-fail questions, CE Plus technical audits, pricing, annual renewal, the included cyber liability insurance, and procurement mandates (PPN 014, MoD Defence Cyber Certification, NHS). Use this skill whenever a user mentions Cyber Essentials, CE Plus, IASME, the UK government cyber certification, Danzell or Willow question sets, UK public-sector or MoD supply-chain security requirements, or wants a readiness gap assessment.

日本語の概要は準備中です。原文の説明を表示しています。

Sushegaad/Claude-Skills-Governance-Risk-and-Compliance9552026年10月10日 更新

dora

無料

Expert DORA (Regulation (EU) 2022/2554 — Digital Operational Resilience Act) compliance advisor for EU financial entities. Use this skill whenever a user asks about DORA compliance, ICT risk management frameworks, ICT incident classification or reporting, threat-led penetration testing (TLPT), ICT third-party risk management, Register of Information, contractual provisions with ICT providers, ICT concentration risk, oversight of critical ICT third-party service providers (CTPPs), or any DORA RTS/ITS obligation. Also trigger for: "DORA gap analysis", "DORA readiness", "Art. 6 ICT risk framework", "Art. 17 incident reporting", "Art. 26 TLPT", "Art. 28 third-party policy", "Art. 30 contractual provisions", "Register of Information CIR 2024/2956", "critical TPSP designation", "DORA vs NIS2", "DORA simplified framework", or EBA/ESMA/EIOPA digital resilience guidance.

日本語の概要は準備中です。原文の説明を表示しています。

Sushegaad/Claude-Skills-Governance-Risk-and-Compliance9552026年10月10日 更新

Sushegaad のスキルをすべて見る

このスキルの問題を報告する