{"id":41,"date":"2023-01-08T16:59:55","date_gmt":"2023-01-08T16:59:55","guid":{"rendered":"https:\/\/blogs.oregonstate.edu\/codedump\/?p=41"},"modified":"2023-01-08T17:01:30","modified_gmt":"2023-01-08T17:01:30","slug":"designing-for-a-better-future","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/codedump\/2023\/01\/08\/designing-for-a-better-future\/","title":{"rendered":"Designing For a Better Future (4\/4 Accessibility in Design)"},"content":{"rendered":"\n<p>Last part of the four part accessibility in design series! Written specifically for CS 352 Intro to Usability Engineering. Hopefully this has been informative and helpful for you!<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>The future is accessible.<\/strong> By that, I mean more and more people are placing an emphasis on accessible design over designs that meet the needs of only the majority. For example let&#8217;s take a look at some headlines during the release of a AAA video game, Cyberpunk 2077.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&#8220;<a href=\"https:\/\/www.gameinformer.com\/2020\/12\/07\/cyberpunk-2077-epileptic-psa\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Cyberpunk 2077 Epileptic PSA<\/em><\/a>&#8221; (Game Informer)<\/li>\n\n\n\n<li>&#8220;<a href=\"https:\/\/www.polygon.com\/2020\/12\/8\/22163153\/cyberpunk-2077-accessibility-epilepsy-seizure-warning\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Cyberpunk 2077 sequences may cause seizures, developer patches in new warning<\/em><\/a>&#8221; (Polygon)<\/li>\n\n\n\n<li>&#8220;<a href=\"https:\/\/kotaku.com\/cyberpunk-2077-causes-seizure-doesn-t-contain-warning-1845834693\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Report: Cyberpunk 2077 Causes Seizure, Doesn\u2019t Contain Prominent Warning<\/em><\/a>&#8221; (Kotaku).<\/li>\n<\/ul>\n\n\n\n<p>Video: <a rel=\"noreferrer noopener\" href=\"https:\/\/youtu.be\/cRRosx7dZX4\" target=\"_blank\">A Journalist playing &#8216;Cyberpunk 2077&#8217; suffered a seizure, then helped change the game<\/a> (Washington Post)<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"A journalist playing &#039;Cyberpunk 2077&#039; suffered a seizure, then helped change the game\" width=\"525\" height=\"295\" src=\"https:\/\/www.youtube.com\/embed\/cRRosx7dZX4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>This issue (<\/strong>referring only to epilepsy<strong>) only applies<\/strong> to roughly 1.2% of the United States population and 0.5% of the global population. But these oversights are no longer acceptable. And to their credit CD Projekt Red (the developers of Cyberpunk 2077) made a rapid patch to not only warn the player of the scene, but also make the scene more accessible for those with epilepsy by altering the flashing animation. This is, however, a prime example of reactive versus proactive development. And as developers, we should try and prevent harm to end users rather than react to situations where end users were harmed.<\/p>\n\n\n\n<p><strong>Now<\/strong> <strong>granted<\/strong>, accessible designs or universal designs cover a very large domain. EVERYTHING. So it&#8217;s not reasonable for one person to know how to create a perfectly accessible product. But it should be the social\/financial responsibility of the developer to create a safe product that can be used by as large of an audience as possible. Otherwise, you&#8217;ll be in CD Projekt Red&#8217;s position where you&#8217;re apologizing to your fan base.<\/p>\n\n\n\n<p>So keep in mind a few general principles when <a href=\"https:\/\/www.w3.org\/WAI\/fundamentals\/accessibility-intro\/\" target=\"_blank\" rel=\"noreferrer noopener\">designing with accessibility in mind<\/a>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hearing<\/li>\n\n\n\n<li>Reading\/Understanding<\/li>\n\n\n\n<li>Memory\/Focus<\/li>\n\n\n\n<li>Touch\/Interaction<\/li>\n\n\n\n<li>Speaking<\/li>\n\n\n\n<li>Visual<\/li>\n<\/ul>\n\n\n\n<p><strong>For example<\/strong>, can your users read your content, as well as hear it? Is touch screen functionality thoughtfully designed so users aren&#8217;t having to press tiny buttons? Or on the contrary, is your design so touch screen focused that users can&#8217;t interact in other ways? (keyboards, voice commands). While understandably frustrating to redesign a product in ways you hadn&#8217;t initially intended. Oftentimes the end-product is a much more well designed system for ALL users, and not just those users who you may have designed the new system for. Just like the screen reader system you may be using to read this post. Or <a href=\"https:\/\/www.engadget.com\/2019-03-11-nike-tinker-hatfield-self-lacing-shoes-disabilities.html\" target=\"_blank\" rel=\"noreferrer noopener\">Nike&#8217;s self-lacing shoes<\/a>.<\/p>\n\n\n\n<p><strong>Finally<\/strong>, I&#8217;ll leave you with this TedxMIT talk by Judy Brewer, Director of the Web Accessibility Initiative (WAI). A great foray into understanding ways to design with accessibility in mind.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Creating an Accessible Digital Future | Judy Brewer | TEDxMIT\" width=\"525\" height=\"295\" src=\"https:\/\/www.youtube.com\/embed\/Wb2X9kYEvXc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Video: <a href=\"https:\/\/youtu.be\/Wb2X9kYEvXc\" target=\"_blank\" rel=\"noreferrer noopener\">Creating an Accessible Future | Judy Brewer | TedxMIT<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last part of the four part accessibility in design series! Written specifically for CS 352 Intro to Usability Engineering. Hopefully this has been informative and helpful for you! The future is accessible. By that, I mean more and more people are placing an emphasis on accessible design over designs that meet the needs of only &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blogs.oregonstate.edu\/codedump\/2023\/01\/08\/designing-for-a-better-future\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Designing For a Better Future (4\/4 Accessibility in Design)&#8221;<\/span><\/a><\/p>\n","protected":false},"author":13135,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-41","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/codedump\/wp-json\/wp\/v2\/posts\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/codedump\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/codedump\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/codedump\/wp-json\/wp\/v2\/users\/13135"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/codedump\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":2,"href":"https:\/\/blogs.oregonstate.edu\/codedump\/wp-json\/wp\/v2\/posts\/41\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/blogs.oregonstate.edu\/codedump\/wp-json\/wp\/v2\/posts\/41\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/codedump\/wp-json\/wp\/v2\/media?parent=41"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/codedump\/wp-json\/wp\/v2\/categories?post=41"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/codedump\/wp-json\/wp\/v2\/tags?post=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}