Legal
Accessibility
How this website is built to be usable by everyone.
Last updated: October 6, 2026
My commitment
I want this website to work for everyone, whatever their ability or technology. I aim to meet or exceed the Web Content Accessibility Guidelines (WCAG) 2.2 Level AA standard.
What I've done
Here are the specific steps taken to make this site accessible:
- Semantic HTMLThe site is built with proper elements like <header>, <main>, <nav>, <footer>, and <section> so screen readers can understand the page structure.
- Descriptive labelsButtons, links and icon controls have accessible labels so you know what each one does, even if you can't see the icon.
- Decorative elements hiddenDecorative SVGs and shapes are hidden from screen readers so they don't interrupt your experience.
- Keyboard navigationYou can move through the site with a keyboard, and in-page links such as Say hi move keyboard focus to where they land. The video player supports keyboard shortcuts: space to play/pause, arrow keys to seek, M to mute, F for fullscreen.
- Reduced motion supportIf you have "reduce motion" turned on in your device settings, scroll-triggered and entrance animations are turned off. The one exception is listed under known limitations.
- Language declaredThe page language is set to English so screen readers use the correct pronunciation.
- Safe external linksAll links that open in a new tab include security attributes to protect your browsing session.
- Heading hierarchyMost pages step through their headings in order (h1, h2, h3) so screen reader users can scan them. The exceptions are listed under known limitations.
Known limitations
I last reviewed the site on October 6, 2026, with keyboard testing and browser checks at phone, tablet and desktop widths. It has not yet been tested with a screen reader. These are the gaps I know about:
- Focus rings on interactive elements meet WCAG AA requirements. The enhanced AAA criteria for focus ring size and contrast ratio have not been fully evaluated.
- The TTC passenger info display and Heingrid Pharma case studies skip a heading level in places, for example from h2 straight to h4. If you move through those two pages by heading, the outline has gaps.
- The short prototype clips in the Heingrid Pharma case study play on a loop, even with reduce motion turned on, and have no pause button.
Standards I follow
This site is designed with reference to the following guidelines and laws:
- WCAG 2.2: Web Content Accessibility Guidelines, Level AA
- AODA: Accessibility for Ontarians with Disabilities Act (Ontario, Canada)
- ACA: Accessible Canada Act
- EAA: European Accessibility Act (EU)
- ADA: Americans with Disabilities Act (U.S.)
- EN 301 549: European standard for ICT accessibility
Feedback
If you experience any difficulty using this website, or have suggestions for improvement, please let me know. Your feedback helps me make this site better for everyone.
Reach me at hello@shabanmohammed.com. Tell me which page and what happened, and I'll reply and fix what I can.