wcag-audit-patterns

Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.

1.04x

Quality

71%

Does it follow best practices?

Impact

97%

1.04x

Average score across 6 eval scenarios

Securityby

Advisory

Suggest reviewing before use

Optimize this skill with Tessl

npx tessl skill review --optimize ./plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md

Evaluation results

94%

Medical Appointment Booking Form

Form accessibility remediation

Criteria

Without context

With context

Visible labels

100%

Required field indication

100%

aria-invalid on error fields

100%

aria-describedby links error

100%

role='alert' on errors

100%

Error describes problem

50%

62%

Status uses aria-live polite

100%

No color-only error state

100%

Focus outline present

75%

100%

Text contrast ratio

100%

Format hints provided

55%

66%

100%

15%

Product Filter Dropdown for E-Commerce Catalog

Custom widget ARIA and keyboard patterns

Criteria

Without context

With context

Correct ARIA role

100%

aria-expanded state

100%

aria-labelledby or aria-label

100%

tabindex on custom element

100%

Enter and Space activate

100%

Escape closes widget

100%

Arrow keys navigate options

100%

preventDefault on arrows

100%

prefers-reduced-motion

100%

Focus outline not removed

75%

100%

ARIA state updates on interaction

100%

Native HTML preferred

62%

100%

94%

Legacy News Website Accessibility Overhaul

Page structure audit and skip navigation

Criteria

Without context

With context

Skip link present

75%

Skip link class

100%

Main landmark id

66%

83%

HTML lang attribute

100%

Heading hierarchy fixed

100%

ARIA landmarks used

100%

No generic link text

100%

62%

Descriptive link text

100%

axe-core WCAG tags

60%

100%

axe-core package used

100%

Audit report produced

100%

Manual testing noted

100%

No zoom disabled

100%

96%

Medical Device Product Catalog Accessibility Remediation

Image alt text and table header accessibility

Criteria

Without context

With context

Functional image alt text

100%

Decorative image alt empty

100%

Complex image long description

50%

60%

Icon accessible name

100%

Table th elements

100%

Table scope attribute

100%

thead wraps headers

100%

No color-only status

100%

No instruction shape/color only

100%

Audit report produced

100%

Semantic HTML for structure

100%

Multilingual Medical Journal Article Template

Text spacing and reflow CSS compliance

Criteria

Without context

With context

Line height 1.5x

100%

Paragraph spacing 2x

100%

Letter spacing 0.12em

100%

Word spacing 0.16em

100%

No fixed-height text clip

100%

Reflow at 320px

100%

No fixed pixel font sizes

100%

No viewport meta zoom-lock

100%

Language of parts marked

100%

Responsive layout approach

100%

Text spacing test included

100%

99%

Financial Dashboard with Session Management and Live Updates

Session timeout warnings and live region announcements

Criteria

Without context

With context

Session timeout warning

100%

Timeout extendable

100%

Timeout alert announced

100%

Auto-update pause control

100%

Status uses polite live region

100%

Alert uses assertive live region

100%

Live region not focused

100%

Sticky header scroll padding

100%

Focused element not clipped

100%

prefers-reduced-motion respected

77%

88%

Live region exists in DOM on load

100%

Repository: wshobson/agents
Commit: 70444e5

Evaluated: 29 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Medical Appointment Booking Form Product Filter Dropdown for E-Commerce Catalog Legacy News Website Accessibility Overhaul Medical Device Product Catalog Accessibility Remediation Multilingual Medical Journal Article Template Financial Dashboard with Session Management and Live Updates

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.