A practical guide for HR teams to audit and improve the accessibility of career sites, application forms, ATS platforms, onboarding documents, and internal communications against WCAG 2.2 AA standards.

Digital Accessibility for HR Teams: Making Recruitment and Workplace Systems WCAG Compliant

Introduction

If your career site, application forms, or internal systems are not accessible, you are excluding qualified candidates and employees with disabilities — and you may be violating the law. The Web Content Accessibility Guidelines (WCAG) 2.2 Level AA is the internationally recognised standard, and it is referenced by the ADA (US), the Equality Act (UK), the European Accessibility Act (EU), and accessibility legislation in Canada, Australia, and beyond.

This guide gives HR teams a concrete, actionable roadmap to make recruitment and workplace systems accessible.

Step 1: Audit Your Career Site

Your career site is the front door to your organisation for every candidate. An inaccessible career site sends a clear message to disabled applicants: you are not welcome here.

WCAG 2.2 AA Checklist for Career Sites

Perceivable

All images have meaningful alt text (decorative images use empty alt attributes)
Videos have captions and audio descriptions
Colour contrast meets minimum ratios (4.5:1 for normal text, 3:1 for large text)
Content is readable at 200% zoom without horizontal scrolling
Information is not conveyed by colour alone

Operable

Tool	Type	Cost	Best For
axe DevTools	Browser extension	Free (basic) / Paid (pro)	Automated scanning for WCAG violations
WAVE	Browser extension	Free	Visual accessibility evaluation
Lighthouse	Built into Chrome DevTools	Free	Performance and accessibility auditing
NVDA	Screen reader	Free	Manual testing on Windows
VoiceOver	Screen reader	Free (macOS/iOS)	Manual testing on Apple devices
Pa11y	CLI / CI tool	Free (open source)	Automated testing in CI/CD pipelines
SortSite	Desktop application	Paid	Enterprise-wide site scanning

Common Failure	WCAG Criterion	Fix
Missing form labels	1.3.1, 4.1.2	Add ``<label>`` elements with ``for`` attributes
Insufficient colour contrast	1.4.3	Increase contrast to 4.5:1 minimum
No keyboard focus indicator	2.4.7	Add visible ``:focus`` styles in CSS
Images without alt text	1.1.1	Add descriptive ``alt`` attributes
Auto-playing video	1.4.2	Remove autoplay or provide pause control
Missing page titles	2.4.2	Add unique ``<title>`` elements
Inaccessible custom widgets	4.1.2	Use ARIA roles and keyboard handlers
Content reflow failure at 200%	1.4.10	Use responsive CSS layouts

Digital Accessibility for HR Teams: Making Recruitment and Workplace Systems WCAG Compliant

Digital Accessibility for HR Teams: Making Recruitment and Workplace Systems WCAG Compliant

Introduction

Step 1: Audit Your Career Site

WCAG 2.2 AA Checklist for Career Sites

Step 2: Make Application Forms Accessible

Labels and Instructions

Error Handling

Keyboard Navigation

Progress Indicators

Step 3: Configure Your ATS for Accessibility

Step 4: Create Accessible Onboarding Documents

PDF Accessibility

Slide Decks and Training Materials

Forms and Surveys

Step 5: Make Internal Communications Accessible

Email

Intranet

Slack, Teams, and Chat Platforms

Testing Tools

Testing Process

Common Failures and Fixes

Conclusion

Теги

Пов'язані статті

Будьте в курсі