How the Roman Empire Made Pure CSS Connect 4 Possible

In this article, I will walk through the key ideas of a Pure CSS Connect 4 game I built. I tried to avoid hardcoding as much as I could in my experiment and worked without preprocessors to focus on keeping the resulting code short. You can see all the code and the game right here:

Accessibility Testing with pa11y

pa11y, pronounced pally, is a set of free and open source tools that aims to make designing and developing accessibility easier. They have a number of different projects to help with this, for example a web dashboard interface, but I will be focusing on 2 of their projects: pa11y and pa11y-ci.

5 Common Misconceptions About Web Accessibility

1. It only helps a few people.
2. It's less important than functionality.
3. It's really time-consuming.
4. It's optional.
5. If it's accessible, it can't be pretty.

A Developer’s Guide to Better Accessibility

In your day-to-day work, you can improve the accessibility of your output by learning and following the Five Rules of ARIA. Following these rules will get you pretty far in your goal of building an accessible web application, but you also need to test your work.

Automating Your Accessibility Tests

Seren Davies reminds us that unlike Christmas, accessibility testing should not come but once a year with a look at how to apply automated testing. By configuring tests to run against each commit, you can ensure that your site’s accessibility compliance need not be left to chance.