Accessibility

Math-MATE is built to be usable by everyone.

Our Commitment

Math-MATE is designed to meet the Web Content Accessibility Guidelines (WCAG) 2.2 Level AA standard. We are committed to making mathematics education accessible to all learners, including those with learning disabilities, visual impairments, motor difficulties, and those using assistive technologies.

What We Support

Screen readers

All images have descriptive alt text. Interactive elements have accessible labels. Our pages use semantic HTML so screen readers can navigate by headings and landmarks.

Keyboard navigation

Every button, link, and form field is reachable by keyboard alone. Focus indicators are always visible. No keyboard traps.

Colour and contrast

Text meets a minimum 4.5:1 contrast ratio against its background. We never rely on colour alone to convey information.

Text sizing

All text can be resized up to 200% without loss of content. We use relative units throughout so the layout adapts to browser font settings.

Reduced motion

Animations and transitions respect the user’s “Reduce Motion” system preference. Users who need less motion will see simplified or no animations.

Child-safe authentication

Children can log in using a simple PIN without needing to memorise complex passwords. Login forms support browser autofill and password managers.

WCAG 2.2 Level AA Criteria We Meet

The following success criteria from WCAG 2.2 are implemented in Math-MATE:

1.1.1

Non-text Content - all images have alt text

1.3.1

Info and Relationships - semantic HTML structure throughout

1.3.4

Orientation - content works in portrait and landscape

1.3.5

Identify Input Purpose - autocomplete attributes on login, signup, and contact forms

1.4.1

Use of Color - errors use text messages, required fields have aria-labels alongside colour indicators

1.4.3

Contrast (Minimum) - 4.5:1 for normal text, 3:1 for large text

1.4.4

Resize Text - all text uses relative units and scales to 200% without loss of content

1.4.10

Reflow - responsive mobile-first layout reflows at 320px without horizontal scroll

1.4.11

Non-text Contrast - UI components meet 3:1 contrast

1.4.12

Text Spacing - layout tolerates increased text spacing

1.4.13

Content on Hover or Focus - hover and focus states do not obscure other content

2.1.1

Keyboard - all functionality operable via keyboard

2.1.2

No Keyboard Trap - modals can be dismissed with Escape key, focus is never trapped

2.4.1

Bypass Blocks - skip-to-main-content link in the site header

2.4.2

Page Titled - every page has a unique descriptive title

2.4.3

Focus Order - tab order matches visual layout

2.4.6

Headings and Labels - descriptive headings on every page

2.4.7

Focus Visible - blue focus ring visible on all interactive elements

2.5.8

Target Size - interactive elements meet minimum touch target size

3.1.1

Language of Page - lang="en" set on all pages

3.2.3

Consistent Navigation - navigation is consistent across all pages

3.3.1

Error Identification - errors are identified in text, not colour alone

3.3.2

Labels or Instructions - all form fields have visible labels

3.3.8

Accessible Authentication - children use a simple 4-digit PIN, no cognitive function tests required

4.1.2

Name, Role, Value - ARIA roles, labels, and states on modals, menus, and custom controls

4.1.3

Status Messages - dynamic feedback announced via aria-live

Known Limitations

We are actively working to improve accessibility across all parts of Math-MATE. Some areas are still in progress, including automated accessibility testing coverage, captions for game audio, and comprehensive focus-trap management in embedded game iframes. If you encounter any barriers, please contact us.

Contact Us

If you experience any accessibility issues, please contact us at info@ldanl.ca or call (709) 753-1445. We aim to respond within 2 business days.