You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/slashes/statements/accessibility.md
+12-10Lines changed: 12 additions & 10 deletions
Original file line number
Diff line number
Diff line change
@@ -1,23 +1,25 @@
1
1
---
2
2
title: Accessibility
3
3
keyword: accessibility statement
4
-
updated: 2024-11-27T14:38:53+0800
4
+
updated: 2024-12-19T14:02:33+0800
5
5
---
6
6
7
7
I take accessibility seriously. I want every visitor to my website to have the best possible experience of browsing my website. Therefore, I strive to design this website to be accessible, including to disabled and neurodivergent people, by aiming to meet [Web Content Accessibility Guidelines (WCAG) 2.2 Level AA standards](https://www.w3.org/WAI/standards-guidelines/wcag/).
8
8
9
9
High-level overview of the accessibility features of this site:
10
-
* Responsive design and mobile-friendly layout
11
-
* Semantic HTML, enhanced by Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA)
12
-
* Sufficient colour contrast between text and background colours
13
-
* Alt text for all non-decorative images
14
-
* Keyboard navigation-friendly: Every interactive element can be focused and interacted with keyboard buttons, with visible outline when focused
15
-
* Logical content and heading flow
16
-
* Links to skip to the main content or the top of the page
17
-
* Sufficient font size that can be enlarged without breaking the site layout
18
-
* No autoplaying audio or video
10
+
11
+
* Responsive design and mobile-friendly layout.
12
+
* Semantic HTML, enhanced by Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA).
13
+
* Sufficient colour contrast between text and background colours.
14
+
* Alt text for all non-decorative images.
15
+
* Keyboard navigation-friendly: Every interactive element can be focused and interacted with keyboard buttons, with visible outline when focused.
16
+
* Logical content and heading flow.
17
+
* Links to skip to the main content or the top of the page.
18
+
* Sufficient font size that can be enlarged without breaking the site layout.
19
+
* No autoplaying audio or video.
19
20
20
21
I use the following tools to test my site for accessibility:
22
+
21
23
*[axe DevTools - Web Accessibility Testing](https://www.deque.com/axe/browser-extensions/) browser extension
* Built with the static site generator [Eleventy](https://www.11ty.dev/) v{{ eleventy.version }}
11
-
* JavaScript runtime: [Bun](https://bun.sh)
12
-
* Templating languages: Nunjucks and Markdown
13
-
* Code written with Visual Studio Code
14
-
* Tested browsers: Mozilla Firefox, Vivaldi and Lynx
15
-
* Source code available on [GitHub](https://github.com/helenclx/helenchong.dev)
10
+
11
+
* Built with the static site generator [Eleventy](https://www.11ty.dev/) v{{ eleventy.version }}.
12
+
* JavaScript runtime: [Bun](https://bun.sh).
13
+
* Templating languages: Nunjucks and Markdown.
14
+
* Code written with Visual Studio Code.
15
+
* Tested browsers: Mozilla Firefox, Vivaldi and Lynx.
16
+
* Source code available on [GitHub](https://github.com/helenclx/helenchong.dev).
16
17
17
18
## Host and Domain
18
-
* Deployed to [Hostinger](https://www.hostinger.my/) from the site's GitHub repository with a GitHub action
19
-
* The domain name, {{ sitemeta.siteDomain }}, was registered on 29 May 2024, was purchased from, registered on, and is managed by [Porkbun](https://porkbun.com/)
19
+
* Deployed to [Hostinger](https://www.hostinger.my/) from the site's GitHub repository with a GitHub action.
20
+
* The domain name, {{ sitemeta.siteDomain }}, was registered on 29 May 2024, was purchased from, registered on, and is managed by [Porkbun](https://porkbun.com/).
20
21
21
22
Previously, this website was hosted on GitHub Pages until 30 July 2024.
22
23
@@ -47,6 +48,6 @@ Eleventy has the Markdown parser [markdown-it](https://www.npmjs.com/package/mar
47
48
*[Intel One Mono](https://www.intel.com/content/www/us/en/company-overview/one-monospace-font.html) — monospaced font.
48
49
49
50
## Credits
50
-
* Gerard Hynes for providing inspiration with the tutorial: [Learn the Eleventy Static Site Generator by Building and Deploying a Portfolio Website](https://www.freecodecamp.org/news/learn-eleventy/)
51
-
* Raymond Camden for providing inspiration with the tutorial: [A Complete Guide to Building a Blog with Eleventy](https://cfjedimaster.github.io/eleventy-blog-guide/guide.html)
52
-
* Eleventy's official [blog starter project](https://github.com/11ty/eleventy-base-blog) for the inspiration
51
+
* Gerard Hynes for providing inspiration with the tutorial: [Learn the Eleventy Static Site Generator by Building and Deploying a Portfolio Website](https://www.freecodecamp.org/news/learn-eleventy/).
52
+
* Raymond Camden for providing inspiration with the tutorial: [A Complete Guide to Building a Blog with Eleventy](https://cfjedimaster.github.io/eleventy-blog-guide/guide.html).
53
+
* Eleventy's official [blog starter project](https://github.com/11ty/eleventy-base-blog) for the inspiration.
0 commit comments