Record · corpus.blog/posts/01a07df5-2eb5-734f-a785-2fce1ae5d10f

Best practices for inclusive textual websites

Seirdy · published 23 November 2020

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at seirdy.one Wayback capture

5blogs citing

First cited: 31 May 2022
Most recent: 13 Sept 2026
Rank this month: not ranked
Links from this post: 261
Words captured: 24,211

Cited by

Blog

In the post

Date

darekkay

Best practices and coding guidelines Read at the source ↗

13 Sept 2026

jack.cab

My favorite component I don't use anymore Read at the source ↗

5 Nov 2025

jack.cab

Tips for optimizing animated 88x31 buttons Read at the source ↗

24 Nov 2024

brntn

Website Best Practices Read at the source ↗

15 Aug 2023

a11yweekly.com

Accessibility and QR codes Read at the source ↗

15 Aug 2022

lukasmurdock.com

Developer Resources Read at the source ↗

31 May 2022

Links from this post

Link

Host

https://100daysofa11y.com/2019/12/03/accommodation-versus-inclusive-design/

100daysofa11y.com

https://en.wikipedia.org/wiki/Progressive_enhancement

en.wikipedia.org

https://www.w3.org/WAI/WCAG22/Techniques/

w3.org

https://www.w3.org/TR/coga-usable/

w3.org

https://seirdy.one//notes/2022/08/03/on-enforcing-https/

seirdy.one

https://testssl.sh/

testssl.sh

https://webbkoll.dataskydd.net/

webbkoll.dataskydd.net

New helper added: SSL Server Test – Perform a deep analysis of the configuration of any SSL web server on the public Internet. Read at the source ↗

ssllabs.com

https://observatory.mozilla.org/

observatory.mozilla.org

Crypto Ancienne 2.0 now brings TLS 1.3 to the Internet of Old Things (except BeOS) Read at the source ↗

oldvcr.blogspot.com

https://seirdy.one/2021/03/10/search-engines-with-own-indexes/

seirdy.one

https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP

developer.mozilla.org

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/sandbox

developer.mozilla.org

https://html.spec.whatwg.org/multipage/images.html

html.spec.whatwg.org

https://html.spec.whatwg.org/multipage/semantics.html

html.spec.whatwg.org

https://browserleaks.com/javascript

browserleaks.com

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/trusted-types

developer.mozilla.org

https://web.dev/trusted-types/

web.dev

https://seirdy.one//posts/2022/06/25/two-types-of-privacy/

seirdy.one

https://privacycg.github.io/storage-partitioning/

privacycg.github.io

https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity

developer.mozilla.org

https://www.w3.org/TR/SRI/

w3.org

https://wicg.github.io/priority-hints/

wicg.github.io

When Network is Faster than Cache Read at the source ↗

simonhearne.com

https://bugzilla.mozilla.org/show_bug.cgi?id=1358038

bugzilla.mozilla.org

https://www.w3.org/TR/WCAG22/

w3.org

https://w3c.github.io/wcag/guidelines/22/

w3c.github.io

https://docs.webpagetest.org/metrics/speedindex/

docs.webpagetest.org

https://idlewords.com/about.htm

idlewords.com

The Website Obesity Crisis Read at the source ↗

idlewords.com

https://labs.apnic.net/presentations/store/2019-09-05-bbr.pdf

labs.apnic.net

https://www.potaroo.net/

potaroo.net

https://www.apnic.net/

apnic.net

https://wicg.github.io/layout-instability/

wicg.github.io

https://github.com/google/ngx_brotli

github.com

https://en.wikipedia.org/wiki/OCSP_stapling

en.wikipedia.org

https://www.rfc-editor.org/rfc/rfc8446.html

rfc-editor.org

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img

developer.mozilla.org

https://i.reddit.com/r/web_design/comments/k0dmpj/an_opinionated_list_of_best_practices_for_textual/gdmxy4u/

i.reddit.com

https://wicg.github.io/nav-speculation/speculation-rules.html

wicg.github.io

https://web.archive.org/web/20220402004738/https://nitter.pussthecat.org/yoavweiss/status/1195036487538003968

web.archive.org

https://make.wordpress.org/accessibility/handbook/markup/infinite-scroll/

make.wordpress.org

https://xkcd.com/1309/

xkcd.com

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img

developer.mozilla.org

https://drafts.csswg.org/css-contain/

drafts.csswg.org

https://www.terluinwebdesign.nl/en/css/calculating-contain-intrinsic-size-for-content-visibility/

terluinwebdesign.nl

https://www.terluinwebdesign.nl/en/about-us/thijs-terluin/

terluinwebdesign.nl

https://www.terluinwebdesign.nl/en/

terluinwebdesign.nl

https://ericwbailey.design/

ericwbailey.design

https://noti.st/ericwbailey/Yfyaxa/slides

noti.st

https://support.google.com/chrome/a/answer/9027636?hl=en

support.google.com

https://caniuse.com/

caniuse.com

https://developer.mozilla.org/en-US/docs/MDN/Writing_guidelines/Page_structures/Compatibility_tables

developer.mozilla.org

https://tb-manual.torproject.org/en-US/security-settings/

tb-manual.torproject.org

https://gitweb.torproject.org/tor-browser.git/tree/browser/components/securitylevel/SecurityLevel.jsm?id=ffdf16f3e8a44b306abd988be874a184b7de1cc6

gitweb.torproject.org

http://wgq3bd2kqoybhstp77i3wrzbfnsyd27wt34psaja4grqiezqircorkyd.onion/

wgq3bd2kqoybhstp77i3wrzbfnsyd27wt34psaja4grqiezqircorkyd.onion

Fixing Smooth Scrolling & Page Search (updated!) Read at the source ↗

schepp.dev

https://infinnie.github.io/blog/2017/systemui.html

infinnie.github.io

https://support.mozilla.org/en-US/kb/firefox-protection-against-fingerprinting

support.mozilla.org

An alt Decision Tree | Web Accessibility Initiative (WAI) | W3C Read at the source ↗

w3.org

https://en.wikipedia.org/wiki/Page_layout

en.wikipedia.org

https://pandoc.org/

pandoc.org

https://www.printfriendly.com/

printfriendly.com

https://html.spec.whatwg.org/multipage/grouping-content.html

html.spec.whatwg.org

https://html.spec.whatwg.org/multipage/obsolete.html

html.spec.whatwg.org

https://stackoverflow.com/questions/65564539/what-is-the-semantically-correct-way-to-include-transcript-from-a-comic

stackoverflow.com

https://utcc.utoronto.ca/~cks/

utcc.utoronto.ca

https://utcc.utoronto.ca/~cks/space/blog/web/AWebColoursProblem

utcc.utoronto.ca

https://utcc.utoronto.ca/~cks/space/blog/web/VisitedLinksUsability

utcc.utoronto.ca

http://bettermotherfuckingwebsite.com/

bettermotherfuckingwebsite.com

https://www.w3.org/WAI/WCAG22/Techniques/css/C25

w3.org

https://www.w3.org/WAI/WCAG22/Understanding/visual-presentation

w3.org

https://www.w3.org/WAI/WCAG22/Techniques/general/G148

w3.org

https://drafts.csswg.org/css-color-adjust-1/

drafts.csswg.org

https://chromestatus.com/feature/5672533924773888

chromestatus.com

https://accessabilly.com/about/

accessabilly.com

https://accessabilly.com/accessibility-issues-concerning-windows-high-contrast-mode/

accessabilly.com

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

developer.mozilla.org

https://bugs.webkit.org/show_bug.cgi?id=209851

bugs.webkit.org

https://www.laurenscharff.com/research/AHNCUR.html

laurenscharff.com

https://jessicaotis.com/academia/never-use-white-text-on-a-black-background-astygmatism-and-conference-slides/

jessicaotis.com

https://www.essentialaccessibility.com/blog/accessibility-for-people-with-astigmatism

essentialaccessibility.com

https://drafts.csswg.org/mediaqueries-5/

drafts.csswg.org

https://www.myndex.com/APCA/

myndex.com

WCAG 3 is not ready yet Read at the source ↗

yatil.net

https://github.com/Myndex/SAPC-APCA/discussions/74

github.com

https://en.wikipedia.org/wiki/Helmholtz%E2%80%93Kohlrausch_effect

en.wikipedia.org

https://www.experia.co.uk/blog/ultimate-guide-to-autism-friendly-colours/

experia.co.uk

https://medium.com/@hello_93199

medium.com

https://www.tpgi.com/beyond-wcag-losing-spoons-online/

tpgi.com

http://herpolhode.com/rob/

herpolhode.com

Color blindness Read at the source ↗

commandcenter.blogspot.com

https://practicaltypography.com/underlining.html

practicaltypography.com

Some pointers on default cursors Read at the source ↗

hidde.blog

https://hidde.blog/about-me/

hidde.blog

Buttons vs. Links Read at the source ↗

yatil.net

Eric Eggert Read at the source ↗

yatil.net

https://github.com/nihui/waifu2x-ncnn-vulkan/issues

github.com

https://html.spec.whatwg.org/dev/dom.html

html.spec.whatwg.org

https://web.archive.org/web/20220808163715/https://www.smashingmagazine.com/2022/06/voice-control-usability-considerations-partially-visually-hidden-link-names/

web.archive.org

https://pngquant.org

pngquant.org

https://www.lcdf.org/gifsicle/

lcdf.org

https://github.com/makew0rld/didder

github.com

https://github.com/shssoichiro/oxipng

github.com

https://optipng.sourceforge.net/

optipng.sourceforge.net

https://github.com/google/zopfli/blob/831773bc28e318b91a3255fa12c9fcde1606058b/README.zopflipng

github.com

https://github.com/tjko/jpegoptim

github.com

https://developers.google.com/speed/webp/docs/cwebp

developers.google.com

https://github.com/AOMediaCodec/libavif

github.com

https://git.sr.ht/~seirdy/dotfiles/tree/3b722a843f3945a1bdf98672e09786f0213ec6f6/Executables/shell-scripts/bin/optimize-image

git.sr.ht

https://www.gnu.org/software/parallel/

gnu.org

New helper added: Squoosh – Make images smaller using best-in-class codecs, right in the browser. Read at the source ↗

squoosh.app

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture

developer.mozilla.org

https://microformats.org/wiki/h-card

microformats.org

https://github.com/fhanau/Efficient-Compression-Tool

github.com

https://github.com/wicg/document-policy/blob/main/document-policy-explainer.md

github.com

https://seirdy.one//notes/2022/08/12/document-policy-and-image-compression/

seirdy.one

https://git.sr.ht/~seirdy/seirdy.one/tree/master/layouts/shortcodes/picture.html

git.sr.ht

https://www.w3.org/TR/SVG/conform.html

w3.org

https://www.w3.org/TR/SVG11/feature

w3.org

https://datatracker.ietf.org/doc/draft-svg-tiny-ps-abrotman/

datatracker.ietf.org

https://www.w3.org/TR/SVGTiny12/intro.html

w3.org

https://github.com/RazrFalcon/resvg/tree/master/crates/usvg

github.com

https://github.com/RazrFalcon/resvg/blob/ad139d38e3db11fd6313e0409bf86f92eb52b383/crates/usvg/docs/spec.adoc

github.com

https://github.com/svg/svgo

github.com

https://github.com/RazrFalcon/svgcleaner

github.com

https://en.wikipedia.org/wiki/Switch_access

en.wikipedia.org

https://html.spec.whatwg.org/dev/grouping-content.html

html.spec.whatwg.org

https://en.wikipedia.org/wiki/Caret_navigation

en.wikipedia.org

https://www.w3.org/WAI/WCAG22/Techniques/css/C27.html

w3.org

https://www.w3.org/WAI/WCAG22/Techniques/css/C6

w3.org

https://web.archive.org/web/20221022104555/https://matt.traudt.xyz/posts/2016-09-04-how-css-alone-can-help-track-you/

web.archive.org

https://w3c.github.io/low-vision-a11y-tf/requirements

w3c.github.io

https://addons.mozilla.org/en-US/firefox/addon/side-view/

addons.mozilla.org

https://help.vivaldi.com/desktop/panels/web-panels/

help.vivaldi.com

https://developer.apple.com/videos/play/wwdc2018/239/

developer.apple.com

https://brucelawson.co.uk/2018/the-practical-value-of-semantic-html/

brucelawson.co.uk

Matthew Butterick’s Practical Typography – A web-based book Read at the source ↗

practicaltypography.com

https://mbtype.com/bio.html

mbtype.com

Is Progressive Enhancement Dead Yet? Read at the source ↗

briefs.video

https://www.w3.org/WAI/WCAG22/quickref/?currentsidebar=%23col_customize&showtechniques=134%2C124&levels=a&technologies=js%2Cserver%2Csmil%2Cpdf%2Cflash%2Csl

w3.org

https://www.w3.org/TR/mobile-accessibility-mapping/

w3.org

Hand tremors and the giant-button-problem Read at the source ↗

axesslab.com

Seirdy's Home Read at the source ↗

seirdy.one

https://web.dev/tap-targets/

web.dev

https://seirdy.one/2022/02/02/floss-security/

seirdy.one

https://w3c.github.io/coga/extension/

w3c.github.io

https://github.com/mozilla/readability

github.com

https://chromium.googlesource.com/chromium/dom-distiller/

chromium.googlesource.com

https://github.com/brave/brave-core/tree/master/components/speedreader/rust/lib

github.com

https://trafilatura.readthedocs.io/en/latest/

trafilatura.readthedocs.io

https://techcommunity.microsoft.com/t5/discussions/documentation-on-huerestics-used-during-article-distillation-in/m-p/3266436

techcommunity.microsoft.com

https://feedbackportal.microsoft.com/feedback/idea/e0d9b299-e3b6-ec11-a81c-000d3a7ce453

feedbackportal.microsoft.com

https://microformats.org/wiki/microformats

microformats.org

https://schema.org/

schema.org

https://www.dublincore.org/

dublincore.org

https://www.w3.org/TR/dpub-aria-1.1/

w3.org

https://en.wikipedia.org/wiki/Browser_wars

en.wikipedia.org

https://www.ctrl.blog/entry/browser-reading-mode-parsers.html

ctrl.blog

Daniel Aleksandersen Read at the source ↗

daniel.priv.no

https://www.ctrl.blog/entry/html-semantic-improve-machine-translation.html

ctrl.blog

https://www.keybot.com/

keybot.com

https://developers.google.com/style/placeholders

developers.google.com

https://ishadeed.com/

ishadeed.com

https://rtlstyling.com/posts/rtl-styling/

rtlstyling.com

https://www.tpgi.com/focus-visible-and-backwards-compatibility/

tpgi.com

https://www.tpgi.com/

tpgi.com

https://www.w3.org/People/Charles/

w3.org

https://lists.w3.org/Archives/Public/public-html/2008Feb/0061.html

lists.w3.org

https://axesslab.com/author/hampelusken/

axesslab.com

https://axesslab.com

axesslab.com

Text Splitting Causes Screen Reader Problems Read at the source ↗

axesslab.com

https://www.w3.org/TR/wai-aria-practices-1.1/

w3.org

https://github.com/w3c/aria/issues/870

github.com

https://www.tpgi.com/the-browser-accessibility-tree/

tpgi.com

https://www.w3.org/TR/wai-aria-1.1/

w3.org

https://twitter.com/stevefaulkner

twitter.com

https://www.tpgi.com/short-note-on-what-css-display-properties-do-to-table-semantics/

tpgi.com

This Page is Designed to Last Read at the source ↗

jeffhuang.com

https://en.wikipedia.org/wiki/Link_rot

en.wikipedia.org

https://github.com/lycheeverse/lychee

github.com

https://github.com/wjdp/htmltest

github.com

https://web.archive.org/

web.archive.org

https://archive.today/

archive.today

https://ghostarchive.org/

ghostarchive.org

https://archivebox.io/

archivebox.io

https://git.sr.ht/~seirdy/seirdy.one/tree/e591c9d1ee54c16c40f4b8f2c1eab9e830577681/item/.build.yml

git.sr.ht

https://validator.nu/

validator.nu

https://github.com/dequelabs/axe-core

github.com

https://developers.google.com/web/tools/lighthouse/

developers.google.com

https://webhint.io/

webhint.io

https://www.ibm.com/able/toolkit/verify/automated/

ibm.com

https://ainspector.disability.illinois.edu/

ainspector.disability.illinois.edu

https://github.com/opena11y/evaluation-library/issues/3

github.com

https://firefox-source-docs.mozilla.org/devtools-user/accessibility_inspector/index.html

firefox-source-docs.mozilla.org

https://developer.chrome.com/docs/devtools/css-overview/

developer.chrome.com

https://check-your-website.server-daten.de/

check-your-website.server-daten.de

https://internet.nl/

internet.nl

https://en.wikipedia.org/wiki/Resource_Public_Key_Infrastructure

en.wikipedia.org

https://xkcd.com/567/

xkcd.com

https://serenityos.org/

serenityos.org

https://en.wikipedia.org/wiki/Dyscalculia

en.wikipedia.org

https://www.w3.org/TR/adapt-help/

w3.org

https://w3c.github.io/Mobile-A11y-TF-Note/

w3c.github.io

https://rosenfeldmedia.com/books/writing-is-designing/

rosenfeldmedia.com

https://mjmetts.com/

mjmetts.com

https://www.andy.wtf/

andy.wtf

https://alistapart.com/article/standards-for-writing-accessibly/

alistapart.com

https://naildrivin5.com/

naildrivin5.com

https://brutalist-web.design/

brutalist-web.design

https://250kb.club/

250kb.club

https://web.archive.org/web/20231208000921/https://10kbclub.com/

web.archive.org

https://xhtml.club/

xhtml.club

https://bt.ht/

bt.ht

1mb.club Read at the source ↗

1mb.club

https://motherfuckingwebsite.com/

motherfuckingwebsite.com

https://bestmotherfucking.website/

bestmotherfucking.website

https://www.webbloatscore.com/

webbloatscore.com

https://www.billdietrich.me/YourPersonalWebSite.html

billdietrich.me

https://www.billdietrich.me

billdietrich.me

https://www.w3.org/WAI/WCAG22/quickref/

w3.org

https://axesslab.com/articles/

axesslab.com

https://pleroma.envs.net/notice/AHqp3TEDFoyz0W4nbc

pleroma.envs.net

https://gopher.envs.net/pleroma.envs.net:7070/1/notices/AHqp3TEDFoyz0W4nbc

gopher.envs.net

https://lobste.rs/s/akcw1m/opinionated_list_best_practices_for

lobste.rs

https://github.com/tridactyl/tridactyl

github.com

https://bugs.webkit.org/show_bug.cgi?id=237281

bugs.webkit.org

https://bugs.webkit.org/show_bug.cgi?id=225865

bugs.webkit.org

https://bugs.webkit.org/show_bug.cgi?id=218086

bugs.webkit.org

https://web.archive.org/web/20220316060312/https://whalecoiner.com/articles/progressive-enhancement

web.archive.org

https://w3c.github.io/wcag/understanding/location.html

w3c.github.io

https://hpbn.co/building-blocks-of-tcp/

hpbn.co

https://www.igvita.com/

igvita.com

https://datatracker.ietf.org/doc/html/rfc7541

datatracker.ietf.org

https://addyosmani.com/blog/infinite-scroll-without-layout-shifts/

addyosmani.com

https://addyosmani.com/

addyosmani.com

https://github.com/patrickhulce/lighthouse-cpu-throttling-calculator/blob/a9c67dc1c58c972a0673bef05756290105334af1/pages/index.js

github.com

https://seirdy.one//notes/2022/09/19/state-of-the-tor-uplift/

seirdy.one

https://wiki.mozilla.org/Release_Management/Calendar

wiki.mozilla.org

https://economictimes.indiatimes.com/tech/software/after-mauling-telcos-mukesh-ambani-now-fires-at-operating-systems/articleshow/64958877.cms

economictimes.indiatimes.com

https://www.tpgi.com/html5-document-outline/

tpgi.com

https://github.com/whatwg/html/pull/7829

github.com

https://caniuse.com/ciu/about

caniuse.com

https://website-archive.mozilla.org/www.mozilla.org/access/access/type-ahead/

website-archive.mozilla.org

https://github.com/Foxy/chrome-type-ahead

github.com

https://browserleaks.com/fonts

browserleaks.com

https://wave.webaim.org/api/docs?format=html

wave.webaim.org

https://web.archive.org/web/20240310010822/https://fae.disability.illinois.edu/rulesets/IMAGE_4_EN/

web.archive.org

https://www.tanaguru.com/en/

tanaguru.com

https://adrianroselli.com/2020/10/alternative-text-for-css-generated-content.html

adrianroselli.com

https://web.archive.org/web/20231210072526/https://cybre.space/@nleigh/108688070682694730

web.archive.org

https://a11ysupport.io/tech/aria/aria-details_attribute

a11ysupport.io

https://www.w3.org/TR/wai-aria-1.2/

w3.org

https://web.archive.org/web/20230530094242/https://a11yrules.com/podcast/le-silveus-mcnamara-talks-about-neurodivergence-color-choices-and-overstimulation/

web.archive.org

https://github.com/nvaccess/nvda/issues/9343

github.com

A guide to designing accessible, WCAG-conformant focus indicators Read at the source ↗

sarasoueidan.com

https://www.sarasoueidan.com/

sarasoueidan.com

https://hardenize.com/

hardenize.com

https://cryptcheck.fr/

cryptcheck.fr

https://github.com/securityheaders/securityheaders-bugs/issues/103

github.com

https://github.com/w3c/webappsec-permissions-policy/issues/189

github.com