Website Accessibility
Page created: 15 November 2025 | Last accessibility audit: 5 January 2026
Our Commitment
At Tap Tap Pub, we believe everyone should be able to discover and enjoy great pubs. We are committed to ensuring that our website is accessible to all users, regardless of disability, technology, or method of access. Accessibility is fundamental to our mission, and we continually work to improve the experience for every visitor.
This page outlines the accessibility standards we follow, how we measure compliance, and the practical steps we take to make Tap Tap Pub inclusive.
Accessibility Standards We Follow
We aim to meet WCAG 2.1 Level AA standards and actively work toward WCAG 2.1 Level AAA compliance.
These standards ensure that web content is:
- Perceivable
- Operable
- Understandable
- Robust
The Web Content Accessibility Guidelines (WCAG) are developed by the W3C and define how websites should be made accessible for people with disabilities. Level AA is the recommended standard for most websites; Level AAA represents the highest level of access.
WCAG 2.1 Level AA Score
Based on our comprehensive accessibility audit conducted on 5 January 2026, Tap Tap Pub achieved a score of 9.8/10 (98%) against WCAG 2.1 Level AA standards.
This represents our target compliance level. We're continuously working to maintain and improve this score.
WCAG 2.1 Level AAA Score
Our aspirational goal is to achieve WCAG 2.1 Level AAA compliance. Currently, we score 9.7/10 (97%) against these enhanced standards.
Level AAA represents the highest level of accessibility. While not required for most websites, we're committed to working towards this standard as a long-term goal for maximum inclusivity.
WCAG Compliance
We aim to meet WCAG 2.1 Level AA standards, which means our website should be perceivable, operable, understandable, and robust for all users. We also track our progress towards WCAG 2.1 Level AAA as a long-term aspirational goal.
Our Target: WCAG 2.1 Level AA
This is our primary compliance target, suitable for most websites and required for many public sector organisations.
Our Aspiration: WCAG 2.1 Level AAA
Our long-term goal for maximum inclusivity. Level AAA represents the highest standard of web accessibility.
The Web Content Accessibility Guidelines (WCAG) are international standards for web accessibility, developed by the World Wide Web Consortium (W3C). Level AA is the recommended standard for most websites, while Level AAA represents enhanced accessibility for maximum inclusivity.
Accessibility Features We've Implemented
Keyboard Navigation
- All interactive elements are keyboard accessible
- Logical tab order throughout the site
- Dropdown menus accessible via keyboard
- Modal and sheet components keyboard accessible
Screen Reader Support
- Navigation has proper ARIA labels
- Semantic HTML structure throughout
- Screen reader utilities (sr-only) for additional context
- Form labels properly associated with inputs
Visual Accessibility
- All colour combinations meet WCAG AAA standards (7:1 for normal text, 4.5:1 for large text)
- Visible focus indicators on all interactive elements
- Text is resizable up to 200% without loss of functionality
- Clear visual hierarchy with proper headings
Form Accessibility
- All form inputs have associated labels
- Required fields are clearly marked
- Error messages are clearly displayed
- Checkbox labels are clickable
Latest Audit Results
Key Strengths
- HTML lang attribute properly set (
lang="en") - Navigation has proper
aria-label - Icons consistently marked with
aria-hidden="true" - Enhanced focus indicators (3px outline on interactive elements)
- Images have descriptive alt text
- Forms use proper Label components with
htmlFor - Form errors use
aria-describedbyandaria-invalid - Keyboard navigation implemented (Arrow keys, Escape for modals)
- Social media links have descriptive aria-labels
- Semantic HTML5 elements used throughout
- "Skip to main content" link implemented for keyboard users
- Main landmarks (
id="main-content") implemented across all public and admin pages - ARIA labels added to all icon-only buttons
- Comprehensive ARIA labels on all interactive elements (buttons, filters, sort controls, view toggles)
- ARIA live region added for dynamic content announcements
Areas for Improvement
- User testing with screen readers recommended
- Regular automated accessibility testing in CI/CD pipeline
Planned Improvements
We're committed to continuous improvement. Our planned enhancements include:
- Main landmarks added to all pages ✓
- Comprehensive ARIA labels added to all interactive elements ✓
- Regular accessibility audits (quarterly)
- User testing with assistive technologies (screen readers, keyboard-only navigation)
Colour Contrast Verification
We have verified that all brand colour combinations meet WCAG 2.1 Level AAA standards (7:1 for normal text, 4.5:1 for large text). The following combinations have been tested and verified:
| Colour Combination | Contrast Ratio | WCAG AA (Normal) | WCAG AA (Large) | WCAG AAA (Normal) | WCAG AAA (Large) |
|---|---|---|---|---|---|
| Primary text on white | 7.94:1 | ||||
| Primary text on cream | 7.49:1 | ||||
| White text on primary | 7.94:1 | ||||
| Secondary text on white | 9.07:1 | ||||
| White text on secondary | 9.07:1 | ||||
| Accent text on white | 7.53:1 | ||||
| White text on accent | 7.53:1 | ||||
| Accent text on primary | 7.41:1 | ||||
| Black text on cream | 19.82:1 | ||||
| Black text on white | 21:1 |
WCAG AA Standards: Normal text requires 4.5:1 contrast ratio, large text (18pt+ or 14pt+ bold) requires 3:1 contrast ratio. All primary brand colour combinations have been verified to meet these standards.
WCAG AAA Standards: Normal text requires 7:1 contrast ratio, large text requires 4.5:1 contrast ratio. All brand colour combinations have been verified to meet these enhanced standards.
Technical Implementation
Standards & Guidelines
- WCAG 2.1 Level AA compliance target
- Semantic HTML5 elements throughout (nav, main, article, section, etc.)
- ARIA attributes where appropriate (aria-label, aria-hidden, aria-describedby, aria-invalid)
- Proper heading hierarchy (h1-h6) - single H1 per page
- HTML lang attribute set to "en" for language identification
- Comprehensive glossary page for pub terminology and abbreviations (WCAG 3.1.3, 3.1.4)
Testing & Validation Methods
- Manual code review for accessibility features
- Keyboard navigation testing (Tab, Arrow keys, Enter, Escape)
- Screen reader compatibility checking
- Colour contrast validation against WCAG AAA standards (all combinations verified and compliant)
- Form validation and error message accessibility
- Image alt text verification
Implementation Details
- Enhanced focus indicators (3px solid outline with 2px offset)
- Focus-visible styles for keyboard navigation
- Form controls properly associated with labels via htmlFor attribute
- Error messages linked to inputs via aria-describedby
- Invalid form fields use aria-invalid attribute
- Decorative icons marked with aria-hidden="true"
- Interactive elements have appropriate ARIA labels
Help Us Improve
If you encounter any accessibility issues while using Tap Tap Pub, or have suggestions for improvement, we'd love to hear from you.
Please contact us at: cheers@taptap.pub
When reporting accessibility issues, please include details about the page or feature, your device and browser, and any assistive technologies you're using.
Scoring Methodology
Our accessibility scores are calculated through a comprehensive audit process that evaluates compliance against WCAG 2.1 standards across multiple categories. This methodology ensures transparency and credibility in our accessibility reporting.
Audit Process
Our accessibility audit evaluates the website against WCAG 2.1 criteria across nine key categories:
- Perceivable - Text Alternatives: Alt text, contrast ratios, visual presentation
- Perceivable - Time-based Media: Audio/video alternatives, captions
- Operable - Keyboard Accessible: Keyboard navigation, focus indicators, no keyboard traps
- Operable - Enough Time: Adjustable timing, no time limits
- Operable - Seizures and Physical Reactions: Flash thresholds
- Operable - Navigable: Page titles, headings, link purposes, bypass blocks
- Understandable - Readable: Language identification, abbreviations, reading level
- Understandable - Input Assistance: Error identification, labels, help text
- Robust - Compatible: Valid HTML, name/role/value, status messages
Scoring Calculation
Each category receives a score based on:
- Pass (Full Points): Criterion fully meets the WCAG standard
- Partial (Half Points): Criterion partially meets the standard with room for improvement
- Fail (No Points): Criterion does not meet the standard
The final score is calculated as:
Score = (Total Points Earned / Total Possible Points) × 10
Scores are rounded to one decimal place for clarity. Both AA and AAA scores are calculated independently, as AAA includes additional criteria beyond AA requirements.
Current Scores Explained
WCAG 2.1 Level AA: 9.8/10 (98%)
Our target compliance level. This score reflects full adherence to WCAG AA criteria, with excellent performance across all categories. A score of 9.8/10 (98%) indicates outstanding compliance and demonstrates our commitment to accessibility.
WCAG 2.1 Level AAA: 9.7/10 (97%)
Our aspirational goal for maximum inclusivity. This score includes enhanced criteria beyond AA standards, such as higher contrast ratios (7:1 for normal text), reading level requirements, and expanded help mechanisms. A score of 9.7/10 (97%) demonstrates exceptional progress toward AAA compliance, with all colour combinations now meeting AAA standards.
Audit Frequency
Accessibility audits are conducted:
- After major feature releases or design changes
- Following accessibility improvements implementation
- Quarterly as part of our ongoing accessibility monitoring
- When new WCAG guidelines are published
Validation Methods
Our audit process combines multiple validation methods:
- Automated Testing: Tool-based detection of accessibility issues
- Manual Code Review: Expert evaluation of HTML, ARIA, and semantic structure
- Keyboard Navigation Testing: Practical testing of keyboard accessibility
- Screen Reader Testing: Compatibility checking with assistive technologies
- Colour Contrast Analysis: Programmatic verification of contrast ratios
- User Testing: Feedback from users with disabilities (when available)
Note: This methodology ensures our accessibility scores are based on objective, measurable criteria aligned with international WCAG standards. Scores may fluctuate as we implement improvements or as WCAG guidelines evolve.
Page created: 15 November 2025
Last accessibility audit: 5 January 2026