Accessibility is highly relevant to me as a disabled and neurodivergent person. Therefore, even though this blog is primarily meant to be my own space of self-expression, I also want visitors to have the best possible experience with browsing my blog, regardless of technology or ability.
Therefore, I strive to design my blog to be inclusive of fellow disabled and neurodivergent people, by aiming to meet Web Content Accessibility Guidelines (WCAG) 2.2 Level AA standards.
Accessibility Features
Permalink to section 'Accessibility Features'High-level overview of the accessibility features of this blog:
- Responsive design and mobile-friendly layout.
- Semantic HTML, enhanced by Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA).
- Sufficient colour contrast between text and background colours.
- Alt text for all non-decorative images, occasionally accompanied with longer image descriptions.
- Keyboard navigation-friendly: Every interactive element can be focused and interacted with keyboard buttons, with visible outline when focused.
- Logical content and heading flow.
- Links to skip to the main content or the top of the page.
- Sufficient font size that can be enlarged without breaking the site layout
- No auto-playing audio or video.
This blog uses IBM Plex Sans as the default Latin font and Intel One Mono as the monospace font to improve text readability.
Testing
Permalink to section 'Testing'I use the following tools to test my blog for accessibility:
- WebAIM's WAVE Browser Extension
- Alex Clapperton's Colour Contrast Checker
- NVDA screen reader for Windows
- Orca screen reader for Linux
- TalkBack screen reader for Android
In addition, I test the accessibility of my blog manually by navigating with keyboard alone.
Feedback
Permalink to section 'Feedback'Feedback from disabled and neurodivergent people are welcome. You can contact me via email for feedbacks and suggestions for improving the accessibility of this blog.
(Last Updated: )