{"id":993,"date":"2021-06-29T14:30:16","date_gmt":"2021-06-29T18:30:16","guid":{"rendered":"http:\/\/timtanhuynh.com\/ux\/?page_id=993"},"modified":"2025-04-07T10:20:16","modified_gmt":"2025-04-07T14:20:16","slug":"cuphead-accessibility-audit","status":"publish","type":"page","link":"https:\/\/timtanhuynh.com\/ux\/research-analysis\/cuphead-accessibility-audit\/","title":{"rendered":"Accessibility audit: <em>Cuphead<\/em>"},"content":{"rendered":"<p>I did an audit about the accessibility of <a href=\"http:\/\/www.cupheadgame.com\/\"><em>Cuphead<\/em><\/a> for a course in UX research and design for video games. To be specific, I used the <a href=\"http:\/\/gameaccessibilityguidelines.com\">Game Accessibility Guidelines<\/a> as a basis. The intent was to identify issues that visually-impaired players might face. For each issue, I described its context, impact, and evidence. I gathered evidence from comments on the web, including blogs, forums, and social media. I already had some evidence from an earlier project.<\/p>\n<p>I developed recommendations to mitigate the issues that I identified. I imagined options for subdued backgrounds and colors of parryable objects. I also imagined options for enlarged HUD sizes. Independent volume-control for Super Meter effects and contrast settings are my other recommendations. To realize these ideas, I sketched them by hand. Then I used screenshots, Adobe Photoshop, and Figma to produce mockups.<\/p>\n<p>The mockups showed how these options could be selectable and how they could look in the game. I found the game&#8217;s typefaces and used them to make the mockups look more authentic. I posted my work on <a href=\"https:\/\/gamefaqs.gamespot.com\/boards\/189706-nintendo-switch\/79387541\">a message board and got helpful feedback<\/a>.<\/p>\n<h2>Deliverables<\/h2>\n<ol>\n<li><a href=\"\/ux\/wp-content\/uploads\/Cuphead-audit.pdf\">Accessibility audit<\/a> (PDF, 194 KB)<\/li>\n<\/ol>\n<h2>Artifacts<\/h2>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 50%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-993 gallery-columns-2 gallery-size-large'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_0.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_0.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of improved Options menu in Cuphead\" aria-describedby=\"gallery-1-1002\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_0.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_0-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-1002'>\n\t\t\t\tThe Options menu could have a sub-menu called Assistive. The currently selected option can have an arrow-indicator to complement its red text.\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_1.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_1.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of new Assistive menu in Cuphead\" aria-describedby=\"gallery-1-1003\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_1.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_1-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-1003'>\n\t\t\t\tThe Assistive menu could have the recommended accessibility options. The layout is inspired by the existing Controls menu.\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_2.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_2.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of improved Audio options menu in Cuphead\" aria-describedby=\"gallery-1-1004\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_2.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_2-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-1004'>\n\t\t\t\tThe Audio menu could have separate volume-settings for sound effects of the Super Meter.\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_3.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_3.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of improved Visual options menu in Cuphead\" aria-describedby=\"gallery-1-1005\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_3.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_menu_3-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-1005'>\n\t\t\t\tThe Visual menu could have new contrast-settings.\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hp_1.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hp_1.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of health-points menu in Cuphead\" aria-describedby=\"gallery-1-1006\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hp_1.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hp_1-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-1006'>\n\t\t\t\tPlayers could choose their default number of health-points. The options could 3, 5, and 7 like in <em>Contra III: Alien Wars<\/em>.\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hp_2.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hp_2.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of user-selected HP in Cuphead\" aria-describedby=\"gallery-1-1007\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hp_2.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hp_2-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-1007'>\n\t\t\t\tRepresenting an increased number of HP would simply require showing the number.\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_1.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_1.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of preview for default backgrounds in Cuphead\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_1.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_1-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_2.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_2.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of preview for lighter background in Cuphead\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_2.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_2-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_2a.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_2a.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of full-screen preview for lighter backgrounds in Cuphead\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_2a.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_2a-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_3.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_3.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of preview for darker backgrounds in Cuphead\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_3.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_bg_3-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_1.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_1.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of preview for default styling of parryable objects in Cuphead\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_1.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_1-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_2.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_2.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of preview for lighter styling of parryable objects in Cuphead\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_2.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_2-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_3.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_3.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of preview for darker styling of parryable objects in Cuphead\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_3.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_3-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_3a.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_3a.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of full-screen preview for darker styling of parryable objects in Cuphead\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_3a.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_parry_3a-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_1.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_1.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of preview for default HUD in Cuphead\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_1.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_1-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_2.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_2.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of preview for larger HUD in Cuphead\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_2.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_2-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_3.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_3.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of preview for largest HUD in Cuphead\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_3.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_3-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_3a.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_3a.jpg\" class=\"attachment-large size-large\" alt=\"Mockup of full-screen preview for largest HUD in Cuphead\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_3a.jpg 1920w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/cuphead_hud_3a-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>I did an audit about the accessibility of Cuphead for a course in UX research and design for video games. To be specific, I used the Game Accessibility Guidelines as a basis. The intent was to identify issues that visually-impaired players might face. For each issue, I described its context, impact, and evidence. I gathered [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":886,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-993","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/pages\/993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/comments?post=993"}],"version-history":[{"count":17,"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/pages\/993\/revisions"}],"predecessor-version":[{"id":1787,"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/pages\/993\/revisions\/1787"}],"up":[{"embeddable":true,"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/pages\/886"}],"wp:attachment":[{"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/media?parent=993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}