Client Profile
A mid-sized American bank with operations across multiple states and a growing digital footprint. Subject to Section 508, ADA Title III, and relevant state-level accessibility mandates, the institution sought to enhance the accessibility of its public website and online banking portal in advance of a major digital services rollout.
Project Timeline
Duration: 4 days
Automated and manual scan of ~14 high-traffic pages, including login, forms, media components, and dashboards. Logged and prioritized all WCAG violations for internal remediation.
Automated and manual scan of ~14 high-traffic pages, including login, forms, media components, and dashboards. Logged and prioritized all WCAG violations for internal remediation.
Duration: 2 days
Reviewed layouts, UI components, and media design for accessibility risk. Flagged carousel and video modules for replacement or enhancement.
Reviewed layouts, UI components, and media design for accessibility risk. Flagged carousel and video modules for replacement or enhancement.
Duration: 5 days
Implemented targeted accessibility fixes including keyboard navigation, alt text, form structure, and pause controls for autoplay content.
Implemented targeted accessibility fixes including keyboard navigation, alt text, form structure, and pause controls for autoplay content.
Duration: 2 days
Tested all remediated pages with screen readers and keyboard-only users. Shared issue logs via client’s internal ticketing system for final signoff.
Tested all remediated pages with screen readers and keyboard-only users. Shared issue logs via client’s internal ticketing system for final signoff.
Duration: 1 day
Delivered summary report, compliance checklist, and developer handoff documentation. Provided 1-hour Q&A session for client’s internal teams.
Delivered summary report, compliance checklist, and developer handoff documentation. Provided 1-hour Q&A session for client’s internal teams.
Project Summary
Design
- Reviewed core UI patterns (navigation menus, modals, tabbed content) for keyboard operability and screen reader compatibility (WCAG 2.1.1 Keyboard, 2.4.7 Focus Visible)
- Annotated wireframes and early prototypes to ensure video and slider components had dedicated pause/play controls (WCAG 2.2.2 Pause, Stop, Hide)
- Advised the client on best practices for building accessible media carousels and automations (WCAG 2.2.1 Timing Adjustable)
Structure
- Conducted in-depth audit of public web and account login pages using axe-core, NVDA, and manual tab path analysis (WCAG 2.4.3 Focus Order, 4.1.2 Name, Role, Value)
- Restructured navigation landmarks, ensured skip links and consistent focus behavior (WCAG 2.4.1 Bypass Blocks)
- Collaborated with developers to refactor inaccessible custom form widgets and authentication flows (WCAG 3.3.2 Labels or Instructions)
Appearance
- Standardized color palette across all subpages to meet contrast ratios of 4.5:1 minimum (WCAG 1.4.3 Contrast (Minimum))
- Validated responsive layouts for zoom/resize compatibility across desktop and mobile devices (WCAG 1.4.4 Resize Text, 1.4.10 Reflow)
- Ensured focus outlines were visible across branded components (especially in login, alerts, and dashboard areas) (WCAG 2.4.7 Focus Visible)
Content
- Worked with stakeholders to collect and implement accurate transcripts and captions for all customer-facing videos (WCAG 1.2.2 Captions (Prerecorded), 1.2.1 Audio-only and Video-only)
- Provided alt text standards and editorial training for teams managing multimedia-heavy product pages (WCAG 1.1.1 Non-text Content)
- Reviewed and rewrote status messages, form instructions, and alert language for clarity and accessibility (WCAG 3.3.1 Error Identification, 4.1.3 Status Messages)