Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
leilukin-site/src/statements/accessibility.md

42 lines
2.4 KiB
Markdown
Raw Normal View History

Add accessibility statement
2024-05-22 04:48:14 +00:00
---
title: Accessibility
Add statement keyword variable
2024-05-22 05:29:26 +00:00
keyword: accessibility statement
Remove ANDI from list of accessibility testing tools
2024-08-01 13:55:29 +00:00
updated: 2024-08-01
Add accessibility statement
2024-05-22 04:48:14 +00:00
eleventyNavigation:
Add update info about using Scott O'Hara's ARIA Tooltips script
2024-07-06 11:02:15 +00:00
order: 13
Add accessibility statement
2024-05-22 04:48:14 +00:00
---
Update intro text of accessibility statement
2024-06-23 01:28:12 +00:00
Even though this website is primarily meant to be my own space of self-expression, I also want every visitor to my website to have the best possible experience of browsing my website. Accessibility is also relevant to me as a disabled and neurodivergent person.
Therefore, I strive to design my website to be accessible, including to fellow disabled and neurodivergent people, by aiming to meet [Web Content Accessibility Guidelines (WCAG) 2.2](https://www.w3.org/WAI/standards-guidelines/wcag/) Level AA standards.
Add accessibility statement
2024-05-22 04:48:14 +00:00
Update accessibility statement with known issues about tooltips
2024-07-05 13:02:42 +00:00
## Accessibility Features
Add high-level overview of accessibility features
2024-06-08 04:00:56 +00:00
High-level overview of the accessibility features of this site:
* 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
Add update info about using Scott O'Hara's ARIA Tooltips script
2024-07-06 11:02:15 +00:00
* Alt text for all non-decorative images, occasionally accompanied with longer image descriptions
Add high-level overview of accessibility features
2024-06-08 04:00:56 +00:00
* 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
Use font size rather than text size
2024-06-10 05:06:14 +00:00
* Sufficient font size that can be enlarged without breaking the site layout
Add text size info to accessibility statement
2024-06-10 05:02:53 +00:00
* No autoplaying audio or video
Add high-level overview of accessibility features
2024-06-08 04:00:56 +00:00
Correct monospace font to monospaced font
2024-07-15 10:03:12 +00:00
This site uses the [Lexend](https://www.lexend.com/) font family as the default font and [Intel One Mono](https://www.intel.com/content/www/us/en/company-overview/one-monospace-font.html) as the monospaced font to improve text readability.
Add accessibility statement
2024-05-22 04:48:14 +00:00
Update accessibility statement with known issues about tooltips
2024-07-05 13:02:42 +00:00
## Testing
Add accessibility statement
2024-05-22 04:48:14 +00:00
I use the following tools to test my site for accessibility:
* WebAIM's [WAVE Browser Extension](https://wave.webaim.org/extension/)
Add axe DevTools to list of accessibility testing tools
2024-07-14 02:56:36 +00:00
* [axe DevTools - Web Accessibility Testing](https://www.deque.com/axe/browser-extensions/) browser extension
List Alex Clapperton's Colour Contrast Checker as a testing tool
2024-07-13 19:38:50 +00:00
* [Alex Clapperton's Colour Contrast Checker](https://colourcontrast.cc/)
Add accessibility statement
2024-05-22 04:48:14 +00:00
* [NVDA](https://www.nvaccess.org/about-nvda/) screen reader for Windows
Add mobile screen readers to tools to test accessibility
2024-06-01 05:02:04 +00:00
* TalkBack screen reader for Android
Add high-level overview of accessibility features
2024-06-08 04:00:56 +00:00
* VoiceOver screen reader for iOS
Add accessibility statement
2024-05-22 04:48:14 +00:00
In addition, I test the accessibility of my website manually by navigating with keyboard alone.
Update accessibility statement with known issues about tooltips
2024-07-05 13:02:42 +00:00
## Feedback
Feedback from disabled and neurodivergent people are welcome. You can [contact me via email](mailto:{{sitemeta.siteAuthor.email}}) for feedbacks and suggestions for improving the accessibility of this site.