Accessibility updates
If you have been paying attention, you may have noticed a lot of styling changes being made here. You see, I've dedicated some time to enhancing the accessibility of the site, fixing the issues that Siteimprove was reporting on.
The most surprising thing to me was how many errors are thrown up due to the template I use for my blog. The blog, which is hosted by Blogger, which is in turn owned by Google - being what was at least initially a web-focused company, you'd expect them to adhere to global standards in their products. Or perhaps expecting that is a bit naïve.
Such issues are:
- Every single link is too small
- The default colours don't have a large enough contrast with the background
- Missing aria role declarations everywhere
The especially frustrating thing about this is that I can't actually fix those errors - at least not without injecting some JavaScript into the template, which isn't going to help anyone who has that disabled. I'll give that a try at some point soon - I can inject HTML via gadgets, so perhaps it won't strip script tags.
Another issue is that, having implemented as many fixes as I can think of, I think a lot of it looks worse, to be honest - but font sizes needed to increase, otherwise you'd have a massive clickable area around some text that looks like it's just floating in the middle of white-space. This is probably why I'm more of a developer than a designer.
I've tried to align the rest of the site with this template. There are some obvious differences - this block has a background image over the header, but that is lacking on the other pages. Perhaps I'll add it at a later point, but I do like the boxes.
Comments