This post focuses on our experience of educating on web accessibility across a truly remote team. Read on to gain an insight into how we supported team members spread across Europe and Australia to create an accessible game.
In one of our recent posts we described some of the work we’ve been doing to improve Tau Station’s star map. This week we’re going more in-depth about the process and will even show some of the code we’re using.
Initially, a canvas map was all we offered the player.
The <canvas>-based star map.
But as we said in the last map post, a canvas is only selectively accessible, and doesn’t work with screen readers or in browsers that don’t support JavaScript. Thus we wanted to reduce the star map into its basic HTML representation, so that we could progressively build it back up into a canvas rendering.
When we approached this, we asked ourselves one question:
In Tau Station, you can travel between star systems and stations by taking a public shuttle or flying your own ship. One of the ways you can explore and plot your route is through the Star Map.
Our first version of the star map was built using a canvas element and looked like this:
We’ve always envisioned the Tau Station Universe as a place of escape and adventure, somewhere you can go when you want to step away from the world for a time. It’s important to us that we create it in such a way that everyone who wants to can explore and enjoy the universe with us. We’re doing our best to build a user interface that is accessible to as many people as possible, and in today’s post we’re going to share a little bit about the technical work that goes into that.