Colophon
Delovely is written by a human.
It is named after the Cole Porter song.
I build it using VSCodium and Eleventy, and host it on Neocities.
The body font is Yrsa, and the main header font is Basteleur by Velvetyne.
Semantic sidenotes are coded by Koos Looijesteijn.
My site and a lot of my art are in black and white. Don’t get me wrong, I love colors. I just find that adding colors to a design introduces a couple extra steps for me to think about. I also wanted to match my zines, which are printed with black toner.
Accessibility statement
Websites can be incredibly powerful tools for sharing art and ideas. Making a website accessible uses its power to the fullest, making it a document that can be read in versatile ways.
My goal in making Delovely is not to get a lot of views or clicks. However, I want my site to be accessible and welcoming to whoever may end up stumbling here.
Here are some ways I’ve attempted to do that:
Delovely should be responsive.
There should be alt text on every image.
I try to use proper semantic HTML, which means using HTML tags as they were meant to be used. That means using less divs
and spans
, and learning when to use navs
, footers
, and maintaining proper heading levels.
Most pages are structured with main
and article
tags, so that users can use the Reader Mode feature on their browsers (but this browser feature can be somewhat wonky and unpredictable at times. It works on some pages, not all.)
I’ve stepped away from including lots of animated GIFs on one page. Animation, when present, is light.
There are no auto-playing sounds or videos.
I try not to link vaguely, as in “Click here to see more.” If a machine is reading the page, where’s “here”?
Role tags and aria-labels are applied to emojis, so that they can be interpreted by screen readers as text or images depending on context.
The following guides helped me a lot:
I’ve probably made mistakes somewhere. If you encounter a problem, I’d appreciate it if you let me know in my guestbook or by e-mail.