Building game-accessibility.com

Old home page game-accessibility.com

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.

New home page game-accessibility.com

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

New logo game accessibilityIvo de Boer designed a new logo.

His motto:

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.

Design

Accessibility scoreBuilding 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.

Functionality

Game rating with space invadersSo, how to become a candy shop for disabled gamers and for developers that want to build their games accessible?

This is what we added:

Screenshot Audiosurf game

Digital games

  • 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
  • Reviews
  • Top 3 accessible games per disability
  • Top 3 fun games per disability

Community

screenshot just cause 2
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

News

A news blog on game accessibility.

Extended search

extended searchTo search this site effectively, visitors can specify their search for

Games

  • Game genre, device, accessible for one or more disabilities
  • Sort by title, date, rating, order

Documentation

  • Document category and tags
  • Sort by title, date added, order

Under the hood

WordPress, what else…

logo flagshipThis site needed a fast and furious framework, I choose Flagship, a new framework I did an accessibility audit on a few months before. This Compass based framework uses SASS and Grunt, resulting in fast code with minified CSS and JavaScript.

Logo WCAG 2Stating 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.