Accessibility Implementation Guide
WCAG 2.1 AA Compliance & Best Practices
- WCAG 2.1 Level A:
- ✓ Compliant
- WCAG 2.1 Level AA:
- ✓ Compliant
- Section 508:
- ✓ Compliant
- ADA Requirements:
- ✓ Compliant
Automated Testing
- WAVE (WebAIM) - Browser extension
- axe DevTools - Browser extension
- Lighthouse - Chrome DevTools
Screen Readers
- NVDA (Windows) - Free
- JAWS (Windows) - Commercial
- VoiceOver (macOS/iOS) - Built-in
- TalkBack (Android) - Built-in
Color Contrast
Keyboard Testing
- Tab - Navigate forward
- Shift+Tab - Navigate backward
- Enter - Activate links/buttons
- Space - Toggle checkboxes
- Arrow Keys - Navigate menus
- Keyboard Navigation Test
Unplug your mouse. Navigate the entire site using only Tab, Enter, and Arrow keys.
- Focus Visibility Test
Press Tab repeatedly. A rose-colored outline should always be visible on the focused element.
- Form Validation Test
Try to submit forms with empty/invalid fields. Error messages should appear with clear text.
- Screen Reader Test
Enable VoiceOver (Mac) or NVDA (Windows) and navigate using screen reader commands.
- Zoom Test
Zoom to 200% in your browser. All content should remain readable and functional.
This site does not use accessibility overlays (third-party widgets) because they:
- Often interfere with native assistive technologies
- Create a false sense of compliance
- Don't fix underlying code issues
- Can actually make accessibility worse
Instead, we've implemented native, code-level accessibility following WCAG guidelines.
Last Updated: January 2025
For accessibility feedback or issues, please contact: accessibility@granadahillsflorist.com