Usability and accessibility » Code highlighting

Sebastian Greger This is a living document
Last update:

As soon as we want to make it look good, sharing program code on the web requires a bit of consideration for inclusiveness.

My tool of choice for embedding code snippets on websites is:

Prism prismjs.com

Instead of the default CSS styles, I use the a11y-optimized styles by Eric W. Bailey:

ericwbailey/a11y-syntax-highlighting: Accessible light and dark syntax highlighting themes github.com

I'm Sebastian, Sociologist and Interaction Designer aiming to bring toge­ther social science and design for inclusive, privacy-focused, and sustainable "human-first" digital strategies. This is my "digital garden" with carefully curated resources. For a more stream-like outlet, see my journal.

My occasionally sent email newsletter has all of the above, and there is of course also an RSS feed or my Mastodon/Fediverse profile.