Accessibility Statement
Partially Conformant — WCAG 2.1 AACommitment
I am committed to ensuring that garyinnerarity.com is accessible to the widest possible audience, regardless of technology or ability. I actively work toward conformance with the Web Content Accessibility Guidelines (WCAG) 2.1 (opens in new tab) at Level AA.
Measures Taken
The following accessibility features are in place on this site:
- Semantic HTML5 landmarks (
main,nav,header,footer,section,article,aside) for screen-reader navigation. - Skip-to-main-content link at the top of every page for keyboard users.
- Descriptive
alttext on all meaningful images; decorative images are marked witharia-hidden="true". - Colour contrast ratios meeting WCAG AA (minimum 4.5:1 for body text, 3:1 for large text and UI components).
- Visible focus indicators (
:focus-visible) on all interactive elements using a 2 px outline. - All interactive controls are keyboard-operable and have accessible names via
aria-labeloraria-labelledby. - Dynamic content regions use
aria-live="polite"to announce updates to screen readers. - The
langattribute is set toenon every page. - Tab-panel interfaces use
role="tablist",role="tab", andaria-selectedto convey state. - Responsive layout adapts from 320 px wide to large desktop viewports without loss of content.
Known Limitations
While I strive for full AA conformance, the following known limitations exist. I am actively working to resolve them:
- 3D brain visualisation (index-brain.html): The interactive Three.js canvas is not fully accessible to screen reader or keyboard-only users. This page is a supplementary visual and all content represented within it is also available in text form on the main portfolio page.
-
Particle background animation: The animated particle canvas is decorative
and is marked
aria-hidden="true", but users who prefer reduced motion will still see animation. Aprefers-reduced-motionmedia query is present in the CSS to disable most transitions; particle animation will be disabled in a future update. - Audio content: Podcast-style audio episodes in the notes viewer do not currently have full transcripts. Transcripts are planned for a future update.
Technical Specification
This site is built with plain HTML5, CSS, and vanilla JavaScript. It relies on the following assistive-technology-compatible technologies:
- HTML5 semantic elements and WAI-ARIA 1.2 attributes.
- CSS custom properties with sufficient colour contrast across light and dark themes.
- marked.js (opens in new tab) for client-side Markdown rendering (notes and skills viewer).
Conformance Status
Partially conformant means that some parts of the content do not fully conform to the accessibility standard. The non-conformances are listed under Known Limitations above. The main portfolio content on the home page is intended to fully conform to WCAG 2.1 AA.
Feedback and Contact
If you experience any barriers while using this site, or would like to request accessible alternatives for content you cannot access, please get in touch. I take accessibility feedback seriously and will respond within 5 business days.
Gary Innerarity
Formal Complaints
If you are not satisfied with the response you receive, you may contact the Equality and Human Rights Commission (opens in new tab) (UK) or the relevant regulatory body in your jurisdiction.