The Dutch Accessibility Foundation asked me to rebuild the website game-accessibility.com. The website was old, dated and not accessible enough, the functionality was limited and the logo too complicated.
They needed a website appealing to both gamers and game developers, with a visually strong design, usable and accessible, build with WordPress (who u gonna call).
The site had to be turned into a community site. People should be able to add new games, rate for fun and accessibility score, start discussions. Not only games, also documentation about how to build an accessible game needed to be included.
Together with graphic designer Ivo de Boer from TypeTank, Brian Bors and Anne van Leeuwen from the Accessibility Foundation I went to work and we made a complete community site for gamers and developers with information about the accessibility of (serious) digital games.
The site went online on August 5 2015.
A new Logo
A logo should be so beautiful and powerful,
you want to wear it on a t-shirt.
And it is! A red logo, in white the words GAME accessibility and below that 3 retro images of space invaders.
Building an accessible website does not mean the graphic design has to be boring. Ivo designed a powerful, modern and flexible site.
Large images, big buttons, clear colours. No animated sliders, but a usable clickable screenshot gallery with each game. Without sidebars, a set up with space between the items, air to breath. This makes the site usable and appealing to all kind of visitors also on both desktop and touch devices.
So, how to become a candy shop for disabled gamers and for developers that want to build their games accessible?
This is what we added:
- Per game a description and game data like release date, device and genre
- Screenshots, displayed in a clickable gallery
- Average accessibility rating per disability
- Average fun rating
- Instructions on how to play this game with different disabilities
- Top 3 accessible games per disability
- Top 3 fun games per disability
Subscribed visitors can
- Submit a new game with a review
- Rate a game for accessibility and fun
- Join discussions about games and documentation
Documentation for developers
- Accessibility guidelines
- Articles and papers about the development of accessible (serious) games
- Projects on research and development of accessible games
- Organisations that contribute by funding and research
A news blog on game accessibility.
To search this site effectively, visitors can specify their search for
- Game genre, device, accessible for one or more disabilities
- Sort by title, date, rating, order
- Document category and tags
- Sort by title, date added, order
Under the hood
WordPress, what else…
Stating the obvious: a site about accessibility needs to be accessible. So: the website is build to comply with WCAG 2.0 AA rules. Which means: validating and semantic HTML, good colour contrast, keyboard accessible, use of WAI ARIA for screen readers etc. The content management is the responsibility of the Dutch Accessibility Foundation.
For me it was a fun site to build, with my (totally into gaming) son looking over my shoulder. The challenge was to build it both appealing, usable and accessible. Together with Ivo, I think we did a good job.