Accessibility Statement

Our Commitment

Easter Walk Long Beach is committed to making our website and Progressive Web App (PWA) accessible to as many people as possible, regardless of ability or technology. We are working toward conformance with the Web Content Accessibility Guidelines (WCAG) 2.2 Level AA.

This statement was last reviewed on February 13, 2026 and reflects an honest assessment of the current state of accessibility on our site. We believe transparency is more valuable than a perfect score on paper.

What Works Well

We have implemented the following accessibility features:

• Semantic HTML: The site uses proper semantic elements including <header>, <main>, <nav>, <section>, <aside>, and <footer> to provide meaningful structure.
• Page Language: The page language is set to English (lang="en") to support screen readers and translation tools.
• Image Alt Text: All meaningful images include descriptive alternative text. Decorative icons use aria-hidden="true".
• Form Labels: Form inputs are associated with visible <label> elements using htmlFor attributes.
• ARIA Attributes: Interactive elements use appropriate ARIA roles, labels, states, and live regions (e.g., aria-live="polite" for status messages, aria-label on icon-only buttons, aria-pressed on toggles, aria-expanded on collapsible panels, aria-current="page" in navigation).
• Logical Heading Hierarchy: Headings follow a structured order from H1 through H4.
• Descriptive Page Titles: Each page has a unique, descriptive <title> element.
• Structured Data: Schema.org structured data is provided for search engines and assistive tools.
• Screen Reader Content: A visually hidden H1 provides descriptive context for screen reader users on the homepage. Live regions announce venue changes and mode switches on the map page.
• Skip Navigation: A “Skip to main content” link is provided on every page for keyboard users to bypass repeated navigation. The map page also includes a “Skip to venue details” link.
• Focus Indicators: Interactive elements display a visible 3px focus ring when navigated via keyboard (:focus-visible). Enhanced focus styles are applied to map markers, floating action buttons, and panel controls.
• Reduced Motion: Animations and transitions are disabled when the user's operating system has prefers-reduced-motion enabled.
• Color Contrast: All text and interactive elements meet WCAG 2.2 AA contrast requirements (4.5:1 minimum for normal text, 3:1 for large text). Brand pink (#D4006E) achieves 5.2:1 against white. Gradient button endpoints are darkened so white text achieves at least 4.5:1. Social media button colors use darker, AA-compliant variants. Text on gold/yellow backgrounds uses a darker accent (#9B0050, 5.7:1) for sufficient contrast.
• Modal Focus Trapping: All modal dialogs trap keyboard focus while open. Pressing Tab cycles through focusable elements within the dialog, Shift+Tab cycles in reverse, Escape closes it, and focus returns to the element that triggered the dialog. Every modal has role="dialog" and aria-modal="true".
• Touch Targets: Interactive controls on the map page (panel tab, floating buttons, markers) meet the 44px minimum touch-target size.
• Keyboard-Accessible Map Markers: All venue markers on the map are focusable via keyboard, include descriptive aria-label text, and respond to Enter and Space.
• Map Keyboard Navigation: The map canvas supports full keyboard navigation: arrow keys to pan, +/− to zoom. On-screen zoom controls are visible on all viewport sizes. A keyboard hint overlay appears automatically on first focus to guide users.

Known Limitations

We are aware of the following accessibility limitations and are working to address them where possible:

Interactive Map

• The interactive venue map uses Mapbox GL JS, which renders to a <canvas> element. While keyboard navigation is fully supported (arrow keys to pan, +/− to zoom), screen readers cannot introspect the canvas content directly. All venue information is available through the keyboard-accessible venue buttons and slide-up detail panel as an equivalent alternative.

Compatibility

This site is designed as a mobile-first Progressive Web App and is tested primarily on:

• iOS Safari (iPhone)
• Chrome on Android
• Chrome, Firefox, and Safari on desktop

The site is built with Next.js and renders valid, semantic HTML. It should work with major screen readers including VoiceOver (iOS/macOS), TalkBack (Android), and NVDA (Windows).

Feedback

We welcome your feedback on the accessibility of Easter Walk Long Beach. If you encounter any barriers or have suggestions for improvement, please let us know:

We take accessibility feedback seriously and will do our best to respond within 5 business days.

Technical Specifications

This website relies on the following technologies for accessibility:

• HTML5
• WAI-ARIA
• CSS
• JavaScript

These technologies are relied upon for conformance with the accessibility standards used.

Assessment Method

This accessibility statement was prepared based on a manual review of the site's source code, CSS, and rendered output against WCAG 2.2 Level AA success criteria. The assessment included review of color contrast ratios, semantic structure, keyboard operability, ARIA usage, form labeling, focus management, and motion preferences.

This is a self-assessment and has not been independently audited by a third party.