Accessibility Statement
Guess the Stock Chart is committed to making the game accessible to everyone, including people with disabilities. We aim to conform to WCAG 2.1 Level AA standards.
Conformance Status
We are working toward full WCAG 2.1 AA conformance. The table below documents our current status on key criteria:
| Criterion | Description | Status |
|---|---|---|
| 1.1.1 | Non-text content — chart has role="img" and aria-label |
Pass |
| 1.3.1 | Info and relationships — semantic HTML5 landmarks (<header>, <main>, <nav>, <footer>) |
Pass |
| 1.4.3 | Contrast (minimum 4.5:1 for normal text) — all text colors updated to meet 4.5:1 minimum against dark backgrounds | Pass |
| 1.4.4 | Resize text — layout is fluid and responsive; text remains readable when browser zoom is up to 200% | Pass |
| 1.4.10 | Reflow — on mobile (<600px), page scrolls naturally; content does not overflow at 320px | Pass |
| 2.1.1 | Keyboard — all interactive elements (difficulty buttons, guess input, submit button, share buttons) are keyboard accessible | Pass |
| 2.4.1 | Bypass blocks — skip-to-main link present on the game page and all legal pages | Pass |
| 2.4.3 | Focus order — logical tab order matches visual layout | Pass |
| 2.4.7 | Focus visible — :focus-visible ring applied to all interactive elements |
Pass |
| 3.1.1 | Language of page — lang="en" set on <html> |
Pass |
| 3.3.1 | Error identification — invalid guess attempts show descriptive feedback text | Pass |
| 4.1.2 | Name, role, value — difficulty buttons use aria-pressed; dropdown uses role="listbox"; input uses aria-expanded, aria-autocomplete, aria-controls |
Pass |
| 4.1.3 | Status messages — game feedback uses aria-live="polite"; result overlay uses aria-live="assertive" |
Pass |
| 2.3.1 | Three flashes — no flashing content in the game | Pass |
| 1.4.11 | Non-text contrast (UI components) — interactive elements have visible borders and focus indicators meeting 3:1 minimum | Pass |
Known Limitations
- Stock chart (canvas): The Chart.js canvas element is labeled with
role="img"and anaria-label, but interactive screen readers cannot access individual data points. This is a known limitation of canvas-based charts. The chart's values are represented in accessible text through the hints bar (Market Cap, 52-Week Low/High) and the guess results. - Color as the only differentiator: Difficulty levels are partly distinguished by color (green/yellow/red). Text labels ("Easy," "Difficult," "Impossible") are also always present so color is not the sole indicator.
Assistive Technology Support
We have implemented ARIA roles, labels, and live regions to support assistive technologies. If you experience issues with a specific assistive technology or browser combination, please let us know via the contact below.
Feedback and Contact
We welcome feedback on the accessibility of Guess the Stock Chart. If you encounter barriers or have suggestions:
- Email: [email protected]
We aim to respond to accessibility feedback within 5 business days.