Aesthetic Guidelines – Accessible Game Design

Aesthetics

For players with low visual acuity or field-of-view, having good contrast and readability is key. Using clear visual design benefits all players.

Best practices for aesthetics

According to the WHO, at least 16% of people worldwide have some form of vision impairment, so it’s a smart idea to follow general visual design rules to make sure even players with low vision can differentiate NPCs, items, enemies, and other objects from the background and each other.

  • Contents
  • Contrast
  • Color

Contrast

Contrast & Readability

Make sure all interactible objects and characters stand out from the background. Don’t rely on color alone — use other principles of visual design, like line, shape, texture, and contrast. If you’re concerned about increased contrast harming the aesthetics of your game, simply add an assist mode that adds outlines or increases the contrast.

Assistive Modes

Adding assistive modes helps players who have issues with vision as well as new players who don’t recognize interactable objects as easily.

The Puzzle Difficulty mode in Shadow of the Tomb Raider can be changed to display outlines on interactable objects, creating better contrast for players with low vision.

Color

Customizable Color Palettes

In an ideal game, players would be able to customize the colors of objects to suit their preferences. Colorblind players [...]

Read article at accessiblegamedesign.com

Article Taxonomies

Categories:
Fatal error: Uncaught Error: Object of class WP_Error could not be converted to string in /home/webable/www/www/wp-content/themes/webable/content-mcm.php:65 Stack trace: #0 /home/webable/www/www/wp-includes/template.php(812): require() #1 /home/webable/www/www/wp-includes/template.php(745): load_template('/home/webable/w...', false, Array) #2 /home/webable/www/www/wp-includes/general-template.php(206): locate_template(Array, true, false, Array) #3 /home/webable/www/www/wp-content/themes/webable/single-mcm_article.php(15): get_template_part('content-mcm') #4 /home/webable/www/www/wp-includes/template-loader.php(106): include('/home/webable/w...') #5 /home/webable/www/www/wp-blog-header.php(19): require_once('/home/webable/w...') #6 /home/webable/www/www/index.php(17): require('/home/webable/w...') #7 {main} thrown in /home/webable/www/www/wp-content/themes/webable/content-mcm.php on line 65