Accessibility Audit Report

disabilityemployment.org.au • Generated 19 March 2026

Executive Summary

Automated accessibility testing was performed using three industry-standard tools: Google Lighthouse, axe-core, and Pa11y. Results indicate generally good accessibility with specific areas requiring attention.

Homepage

96%
Lighthouse Accessibility Score

Events Page

88%
Lighthouse Accessibility Score

Provider Directory

86%
Lighthouse Accessibility Score

Critical Issues Summary

The following issues were identified across the tested pages, prioritized by impact level.

Issue Impact Occurrences Pages Affected
Links missing discernible names
Images used as links without alt text, icon links without labels
Serious 24 All pages
Select elements missing labels
Dropdown filters without associated label elements
Critical 5 Events, Directory
Color contrast insufficient
Text colors not meeting WCAG AA contrast ratios
Serious 13 Homepage, Events
Missing main landmark
Page lacks <main> element for screen reader navigation
Moderate 1 Directory
Skip link not focusable
Skip-to-content link target doesn't exist
Moderate 2 Events, Directory
Content outside landmarks
Page content not contained within ARIA landmark regions
Moderate 63 Directory
Duplicate IDs
SVG elements reusing same ID attributes
Moderate 4 Homepage
Search forms missing submit buttons
Keyboard users cannot submit search forms
Serious 2 Homepage

Detailed Findings

1. Links Missing Discernible Names

Screen readers cannot determine the purpose of these links. Add meaningful alt text to images or aria-label to icon links.

<!-- ❌ Problem: Logo link has no text --> <a href="https://disabilityemployment.org.au"> <img src="logo.png"> <!-- Missing alt --> </a> <!-- βœ… Fix: Add descriptive alt text --> <a href="https://disabilityemployment.org.au"> <img src="logo.png" alt="Disability Employment Australia - Home"> </a>

Affected elements:

2. Form Controls Missing Labels

Dropdown selects in the Events and Directory filters need associated labels for screen readers.

<!-- ❌ Problem: Select without label --> <select class="filter-dropdown">...</select> <!-- βœ… Fix: Add aria-label or associate with label --> <select class="filter-dropdown" aria-label="Filter by category">...</select> <!-- Or --> <label for="cat-filter">Category</label> <select id="cat-filter">...</select>

3. Color Contrast Issues

Some text elements don't meet WCAG AA minimum contrast ratio of 4.5:1 for normal text or 3:1 for large text.

4. Skip Link Target Missing

The "Skip to content" link points to #top which doesn't exist. Add an ID to the main content area.

<!-- Add this ID to main content wrapper --> <main id="top" role="main"> ...page content... </main>

5. Landmark Structure

The Provider Directory page is missing a <main> landmark, and much content exists outside any landmark region.

6. Duplicate IDs in SVGs

SVG icons are reusing IDs like mask0_12_198 and clip0_12_198. Each ID must be unique.

External Validation Tools

Run these tests periodically to monitor accessibility compliance:

πŸ” WAVE Web Accessibility Evaluator

Visual feedback about accessibility issues directly on the page.

Run WAVE Test β†’

πŸ“Š Google PageSpeed Insights

Full Lighthouse audit including accessibility, performance, SEO.

Run PageSpeed Test β†’

🎯 axe DevTools

Browser extension for detailed accessibility testing.

Get axe Extension β†’

πŸ”¬ AChecker

Check HTML content for accessibility problems against WCAG standards.

Run AChecker Test β†’

πŸ“‹ Accessibility Insights

Microsoft's accessibility testing tools for web.

Get Accessibility Insights β†’

🎨 Color Contrast Checker

Verify color combinations meet WCAG contrast requirements.

Check Contrast β†’

Recommended Actions

Priority fixes to achieve WCAG 2.1 AA compliance:

πŸ”΄ High Priority (Critical/Serious Impact)

  1. Add alt text to logo images used as links in header
  2. Add aria-label to icon links (LinkedIn, back-to-top)
  3. Add alt text to sponsor logos in partner section
  4. Label all form controls - add aria-label to filter dropdowns
  5. Fix color contrast in membership CTA section
  6. Add submit button to search forms or ensure Enter key works

🟑 Medium Priority (Moderate Impact)

  1. Add main landmark - wrap page content in <main id="top">
  2. Fix skip link - ensure #top target exists
  3. Fix duplicate SVG IDs - make each ID unique
  4. Structure content in landmarks - use semantic HTML5 elements

🟒 Good Practices Already in Place

WCAG 2.1 Quick Reference

This audit tests against WCAG 2.1 Level AA standards. Key principles:

Testing Tools Used

ToolVersionStandard
Google LighthouseLatestaxe-core 4.11
axe-core CLI4.11.1WCAG 2.1 AA
Pa11yLatestWCAG 2.1 AA (HTML_CodeSniffer)

Note: Automated testing can only detect approximately 30-50% of accessibility issues. Manual testing with screen readers (NVDA, VoiceOver) and keyboard-only navigation is recommended for comprehensive accessibility compliance.