Accessibility Settings
Keyboard Navigation
Screen Reader Support
Accessible Tables
Accessible Charts
⚙️ Accessibility Settings
These settings apply site-wide and are saved to your browser. They adjust font size, contrast and motion to match your needs. Changes take effect immediately.
Increase colour contrast for better visibility
Disable animations and transitions
Dyslexia-Friendly Font
Switch to OpenDyslexic typeface
Reset all settings to defaults
🏅 WCAG 2.1 Compliance
⌨️ Keyboard Navigation
Every interactive element on Football Planet is reachable and operable with a keyboard alone. Focus rings are visible on all focusable elements. A skip-to-content link appears on first Tab press.
🎯 Focusable Demo — press Tab to navigate
⌨️ Keyboard Shortcuts
A "Skip to main content" link is the first focusable element on every page. It becomes visible on keyboard focus and lets screen reader and keyboard users bypass the navigation sidebar.
Skip to main content
🔊 Screen Reader Support
Football Planet uses semantic HTML5 elements and ARIA landmarks throughout. All interactive elements have descriptive labels. Live regions announce dynamic score updates to screen readers.
🗺️ ARIA Landmarks
📢 Live Regions
🎨 Colour Contrast
WCAG 2.1 requires a minimum contrast ratio of 4.5:1 for normal text (Level AA) and 7:1 for Level AAA. Football Planet's dark theme achieves high ratios by default.
📏 WCAG Thresholds
🔡 Font Scaling
Football Planet's layout is built with relative units (rem) so it scales correctly when the user changes their browser font size or uses the accessibility settings panel. All spacing, padding and line heights scale proportionally.
👁️ Live Font Size Preview
📄 Sample Text Preview
The quick brown fox jumps over the lazy dog. Football statistics, match results and transfer news.
Small print — copyright notices, tooltips, and metadata labels.
📐 Typography Scale
📋 Accessible Tables
Football Planet's data tables use proper semantic markup — <caption>, <thead>, scope attributes and aria-sort — so screen readers can navigate rows and columns correctly.
Top 5 scorers in Europe's major leagues, season 2023-24
Source: Football Planet Stats Hub · Season 2023-24
Accessibility Markup Used
📊 Accessible Charts
Charts and visualisations provide text alternatives — every chart has an aria-label, a hidden data table fallback and descriptive axis labels. Colour alone is never the only differentiator.
Average Goals Per Game — Top 5 Leagues 2023-24
Bar chart showing Bundesliga highest at 3.01 goals per game and Ligue 1 lowest at 2.44.
Average goals per game — Top 5 leagues 2023-24
✅ Chart Accessibility Checklist
Accessibility Centre
Keyboard Navigation · Screen Reader · Contrast · Font Scaling · WCAG 2.1 AA