November 26, 2023
Coincidence?
The other day, Alicia Sykes shared a cartoon on DEV making fun of JavaScript and the concept of correlation and causation. I really liked it, so I ended coding my own CSS version for comiCSS.
I tried to make it as semantic and accessible as possible, so it is a table with the information, each planet has a role of image with an accessible description (with aria-label and title), and same for the crosses and check mark, the table has a caption, the table headings specify their scope and are used as descriptions for the cells... It is not perfect, and it may be too much, but it was fun to code it that way.
You can find the source code and live demo on this private CodePen.
