Accessibility
Accessibility built into the templates
The prototype includes semantic landmarks, labelled controls, keyboard focus, contrast-tested color, and repeatable QA notes.
Measured June 5, 2026
A strong site with a few template-level cleanup items
A local axe-core sample of PenMet's live site found a repeated duplicate landmark issue on the homepage, youth sports, camps, and parks pages. Board meetings and contact also showed one heading-order item each. These are ordinary template and content fixes, and the redesign can resolve them at the system level.
| Sampled page | Live site result | Prototype goal |
|---|---|---|
| Home, Youth Sports, Camps, Parks | 1 automated violation each: duplicate utility landmark label. | 0 automated violations. |
| Board Meetings, Contact | 2 automated violations each: duplicate landmark plus heading-order issue. | 0 automated violations. |
| Program, park, record, and search controls | Not present as one unified tool. | Keyboard-operable inputs, visible focus, live result counts, and labelled controls. |
Included accessibility practices
- One H1 per page and ordered heading levels.
- Unique navigation and landmark labels.
- Visible focus outlines that do not rely on color alone.
- Labelled form controls and live regions for result counts.
- Color contrast checked against WCAG 2.1 AA.
- Official photos use descriptive alt text when meaningful.
- Spanish vital-flow pages demonstrate translation support.
Ongoing compliance
Accessibility stays clean through workflow
Design tokens
Approved colors, type, spacing, and component states are kept in one system.
Editorial checks
Image alt text, document titles, heading levels, and publish/expire dates are part of CMS review.
Automated scans
Key templates run through axe-core during QA and after meaningful content changes.
Manual review
Keyboard paths, screen reader labels, PDF accessibility, and third-party handoffs get human attention.
Prototype note
Accessibility documentation
The proposal describes the launch testing and maintenance model. The site itself includes a public accessibility page so residents know how to report a barrier and staff know the standard being maintained.