Loading...
 
Skip to main content
(Cached)

Using a11y.css with Tiki

To test the possibilities, I first added the browser extension to Firefox and Edge to test it. I don't know if I was missing something, but it only identified images without an alt attribute. That's useful but seems like there must be more functions that somehow I couldn't find.

Next, I downloaded the CSS file, renamed it custom.css, and put it in themes/css/ to see what effect it would have in Tiki. A screenshot image uploaded on this page shows the appearance with this file added. As the image shows, the CSS file does identify quite a few issues but there's a real usability problem in that reports of problems are stacked on top of each other, and I couldn't find a way to access the ones that were visually blocked.

The "head must start with a charset" find was useful information as I did some research and found Tiki was doing this in a way that was a bit obsolete so made a commit to use updated syntax.

For comparison, I made a screenshot of the same page being checked by the

a11y.css screenshot (click to open in new tab)
a11y.css screenshot (click to open in new tab)
WebAIM WAVE screenshot (click to open in new tab)
WebAIM WAVE screenshot (click to open in new tab)

As the screenshots show, WebAIM is quite a bit more informative, and doesn't require any integration with Tiki, just add the extension to your browser.


Page last modified on Sunday 14 of September, 2025 06:23:11 UTC
Collapse/expand modules below