diff options
author | Ngô Ngọc Đức Huy <huyngo@disroot.org> | 2021-09-04 15:45:10 +0700 |
---|---|---|
committer | Ngô Ngọc Đức Huy <huyngo@disroot.org> | 2021-09-04 15:45:10 +0700 |
commit | 5328c7079eb252b636eb8b3878a29a3534e84d21 (patch) | |
tree | 4e99b1f6352c30c131406fd4340b110c8b1a86ea /content/posts/2021-05-01-accessible-web.md | |
parent | 7c93580566c4f4fc94399011dbba95a484f3f3fa (diff) | |
download | blog-5328c7079eb252b636eb8b3878a29a3534e84d21.tar.gz |
Increase heading level
Diffstat (limited to 'content/posts/2021-05-01-accessible-web.md')
-rw-r--r-- | content/posts/2021-05-01-accessible-web.md | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/content/posts/2021-05-01-accessible-web.md b/content/posts/2021-05-01-accessible-web.md index 8d7f584..a1489ae 100644 --- a/content/posts/2021-05-01-accessible-web.md +++ b/content/posts/2021-05-01-accessible-web.md @@ -11,7 +11,7 @@ as blindness or deafness. In this post I mainly discuss the wider sense, which also includes the narrower sense, but as I don't usually use technologies specifically for them, I can't affirm how effective my approach can be. -# Why is it important? +## Why is it important? If you are a content creator, certainly you would want your content to reach as many people as possible. From an ethical point of view, it is unfair to people @@ -30,9 +30,9 @@ These people also benefit from it: I have personally experienced difficulties in all the above five cases. -# How to do it +## How to do it -## Semantic HTML +### Semantic HTML Semantic HTML is HTML elements used with its intended purpose. Don't use `<div>` for paragraphs. @@ -43,9 +43,9 @@ That helps both screen readers and text browsers to render contents correctly. Semantic HTML also helps SEO, which makes your content more findable[^1]. -## Less is more +### Less is more -### Less unnecessary media +#### Less unnecessary media Can this logo be done as a simple vector image instead of a full HD 8K png?[^2] Can it be simply just text?[^3] @@ -60,7 +60,7 @@ WP themes promote this) Of course, images and videos have their place, just don't spam it and keep it mind that it prevents someone from loading your website. -### Less JavaScript +#### Less JavaScript Making your website dependent on JS is a big no-no. There is a reason "JS bad" is a thing. @@ -70,7 +70,7 @@ support it. There are a larger number of people who intentionally block JS, because of privacy concerns -- JS can do nasty things fyi. Nonstandard JS API not supported by browser is even a more commonplace. -### Less options in the navigation bar +#### Less options in the navigation bar Too much navigation is bad navigation. I have a terrible experience (two, actually) using only my keyboard for @@ -88,7 +88,7 @@ But at least Google in text browser is not that bad. GitHub is much worse: It has more than two pages for just navigation! Compare that to SourceHut, on which the main content already appears in the first page. -## Don't put ads! +### Don't put ads! Privacy concerns aside, ads is terrible for accessibility: @@ -102,7 +102,7 @@ using adblockers, but also people who don't use JS (see above). I would recommend everyone to put such websites on block list so they won't waste any more bandwith with them. -# Further reading +## Further reading There are too much bad practices nowadays I can't cover within a post. I found these websites helpful to learn to avoid these bad practices: |