{"id":473255,"date":"2022-06-30T10:07:52","date_gmt":"2022-06-30T07:07:52","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/how-accessible-product-design-improves-business\/"},"modified":"2022-06-30T10:07:52","modified_gmt":"2022-06-30T07:07:52","slug":"how-accessible-product-design-improves-business","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/how-accessible-product-design-improves-business\/","title":{"rendered":"#How Accessible Product Design Improves Business"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a2e73f5eb645\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #dd3333;color:#dd3333\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #dd3333;color:#dd3333\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a2e73f5eb645\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/buradabiliyorum.com\/en\/how-accessible-product-design-improves-business\/#%E2%80%9CHow_Accessible_Product_Design_Improves_Business%E2%80%9D\" >&#8220;How Accessible Product Design Improves Business&#8221;<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/buradabiliyorum.com\/en\/how-accessible-product-design-improves-business\/#The_importance_of_accessible_design\" >The importance of accessible design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/buradabiliyorum.com\/en\/how-accessible-product-design-improves-business\/#Accessibility_and_inclusion\" >Accessibility and inclusion<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/buradabiliyorum.com\/en\/how-accessible-product-design-improves-business\/#How_do_you_know_that_a_site_meets_accessibility_requirements\" >How do you know that a site meets accessibility requirements?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/buradabiliyorum.com\/en\/how-accessible-product-design-improves-business\/#How_to_improve_design_accessibility\" >How to improve design accessibility<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/buradabiliyorum.com\/en\/how-accessible-product-design-improves-business\/#How_to_create_products_with_accessible_design\" >How to create products with accessible design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/buradabiliyorum.com\/en\/how-accessible-product-design-improves-business\/#Use_accessibility_assessment_tools\" >Use accessibility assessment tools<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h1><span class=\"ez-toc-section\" id=\"%E2%80%9CHow_Accessible_Product_Design_Improves_Business%E2%80%9D\"><\/span>&#8220;How Accessible Product Design Improves Business&#8221;<span class=\"ez-toc-section-end\"><\/span><\/h1>\r\n<div class=\"entry-inner\"> \n                            \n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/buradabiliyorum.com\/en\/category\/download-scripts-themes-apps\/\" data-internallinksmanager029f6b8e52c=\"9\" title=\"Download Scripts &amp; Themes &amp; Apps\" target=\"_blank\" rel=\"noopener\">App<\/a>roximately 2.2 billion people all over the world suffer from <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.who.int\/news-room\/fact-sheets\/detail\/blindness-and-visual-impairment\">visual impairments<\/a> of varying severity, 5% of the world\u2019s population experience hearing problems and 15% have <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.worldbank.org\/en\/topic\/disability\">disabilities<\/a>. Therefore, when developing a software product, it is important to consider the accessibility of its design and inclusion. In this article, we\u2019ll tell you how to put these principles into practice.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_importance_of_accessible_design\"><\/span>The importance of accessible design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A low-floor bus is accessible to users with disabilities. In the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.forbes.com\/sites\/forbesbusinessdevelopmentcouncil\/2021\/06\/02\/ai-challenges-for-the-health-it-industry-can-we-trust-ai-like-humans\">digital world<\/a>, a similar rule applies: if a person with a physical or mental disability can use a service or application, such products are considered accessible.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Applications must be accessible to users who have hearing, visual or physiological impairments. In practice, this means, for example, providing subtitles to videos for the deaf, sign language translation functionality for the deaf-and-dumb, voice control for people who don\u2019t have one or both hands. Accessible design helps people with disabilities to become full-fledged Internet users.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In 2006, the UN adopted the Convention on the Rights of Persons with Disabilities, which accelerated the integration of people with disabilities into society. Since then, the principles of accessibility have been extended to the virtual environment. Microsoft is one of the world leaders in accessible design and its promoter. The company has created a guide for designers on how to develop better apps.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Another example of accessibility is Netflix. The interface of the platform has sufficient contrast so that the visually impaired can use it. Audio description allows the blind not only to listen to the dialogues in videos but also to imagine what is happening on the screen.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Users of services themselves began to pay attention to accessibility. In 2017-2019, about 3,000 lawsuits were filed against brands without accessible website design, including well-known Apple, Domino\u2019s Pizza, etc.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Accessibility_and_inclusion\"><\/span>Accessibility and inclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Design agencies focus on the average person: designers see a <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/general\/\" data-internallinksmanager029f6b8e52c=\"3\" title=\"General\" target=\"_blank\" rel=\"noopener\">general<\/a> portrait of the user and may not take into account the characteristics and needs of each person.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Accessible design focuses on a specific group or groups of users. Inclusive design, in its turn, is a broader concept. This approach means that a product solves the problems of different people in different life situations.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Proponents of inclusive design believe that people with different physiological abilities can, under certain circumstances, be in the same conditions. For example, both an elderly person and a child with a congenital illness can see poorly. Not only those who have lost a limb can use an application with one hand but also people who have been injured.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Microsoft has a special term for such consumers which is <strong><em>extreme users <\/em><\/strong>(brink users \/ extreme characters). By creating universal products, developers solve the issue of accessibility for a wide range of users. It turns out that subtitles designed for deaf people can also be useful for those with good hearing but in conditions of poor audibility.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Accessible and inclusive design helps companies to improve customer experience as <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.superoffice.com\/blog\/customer-experience-statistics\/\">customer focus<\/a> is one of the defining factors of brand awareness.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_do_you_know_that_a_site_meets_accessibility_requirements\"><\/span>How do you know that a site meets accessibility requirements?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To create an accessible site, you should refer to the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.w3.org\/TR\/UNDERSTANDING-WCAG20\/conformance.html\">Web Content Accessibility Guideline<\/a> (WCAG). The standard is built on twelve guiding principles for creating content at three levels \u2013 A, AA, and AAA.\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>Level A<\/em><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This is the minimum recommended level that can be implemented without a major redesign of an application. A software product must comply with 30 WCAG requirements: in particular, a text must be given an accessible name, labels are required for form fields, the application can be controlled using the keyboard, etc.\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>Level ??<\/em><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This is a more advanced level of the standard including 20 additional points. To implement AA requirements, you need to make changes to the product design: change the contrast, focus, adjust the status of messages, and so on.\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>Level ???<\/em><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This level summarizes the requirements of the previous levels and adds 28 serious conditions. Developers and designers must ensure that complex text has a simplified version, excludes embedded images, etc.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s compare the levels based on one example. The contrast should be 4.4-3 for Level A, 6.9-4.5 for Level AA, and 21-7 for Level AAA.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.noupe.com\/wp-content\/uploads\/2022\/06\/Overview-of-Compliance-Levels-for-Website-Accessibility-1024x585.png\" alt=\"\" class=\"wp-image-180671\"><figcaption>Source: <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/jefbullas.com\">jeffbullas.com<\/a><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The compliance of the site with accessibility parameters can be checked through WebAIM, Colourcontrast, Contrastchecker, Color Oracle, Wave, etc.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_improve_design_accessibility\"><\/span>How to improve design accessibility<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When implementing accessibility requirements, designers need to pay attention to the following issues:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>Color<\/em><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The contrast between the text and background is of great importance for visually impaired people and for those whose eyes get tired from working at a computer.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The color of the text and buttons is significant for those who do not distinguish between colors (colorblindness) or see the world in black and white (monochromacy). For example, red and green warning messages can be misunderstood and should be provided with textual indicators: \u201cStop\u201d, \u201cForward\u201d, \u201cBack\u201d, \u201cResend\u201d, etc.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Infographic 2:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/bSVGZLOKUEJ5mLjxBos0rzmm6Vf5uGQhffTujyw6S4hLjQdUGIQ3U6OlkIajNXMshanPr1LeLDz5LZc8xlZZKyGSpeFY6KeKkOXAnCOa9lWqCZoa9vQ2cG5s1xaRiU-X_h7xw7atl5WHf3RgPQ\" alt=\"??????????? ???????? ??? ?????, ?????\n\n????????????? ????????? ????????\"><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><em>Font size and dimensions of elements<\/em><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These characteristics are important for visually impaired people, the elderly, and users who are trying to read text from small smartphone screens. When choosing a font size, consider the semantic hierarchy of the elements on the page so that it is clear which element is the heading and which is a subheading. The size of the elements affects usability: small buttons are harder to click.\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>Subtitles<\/em><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Subtitles make it easier for deaf viewers and those in noisy environments to watch videos.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>Alternative text in graphics<\/em><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">By adding alternative text to photos, images, and icons, you will make it easier for blind people to use the app. A screen reader helps them to navigate the virtual world.\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>Simplified text and navigation<\/em><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Not all users perceive complex text in the same way. By adding a simplified version of the content to your site, you will help people with dyslexia, attention deficit hyperactivity disorder, and low IQ to perceive information about your company, products, and services. Keyboard navigation is for users with limited mobility.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_create_products_with_accessible_design\"><\/span>How to create products with accessible design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To make software design accessible:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>Let your teams know beforehand<\/em><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">While designers are responsible for this, both developers and testers should be aware of design issues to best implement the project with inclusiveness in mind.\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>Conduct UX\/UI research<\/em><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/andersenlab.com\/blueprint\/design-in-multimedia-solutions\">UX\/UI research<\/a> helps to better understand your users. By conducting it, you will learn how people of different sex, ages, levels of physiological and mental development interact with the product. The study will show how effective your solution is and whether you are limiting your circle of users due to a lack of awareness.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Use_accessibility_assessment_tools\"><\/span><em>Use accessibility assessment tools<\/em><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When creating a custom web design, use the tools to assess the accessibility of the application:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><em>Color Oracle<\/em> shows the site through the eyes of the colorblind and people with color vision deficiencies,\u00a0<\/li><li><em>Check My Colours<\/em> evaluates the contrast of the color and background of pages,\u00a0\u00a0<\/li><li><em>Wave<\/em> evaluates the site\u2019s HTML structure, contrasts, and compliance with the WCAG standard.\u00a0<\/li><\/ol>\n\n\n\n<ul class=\"wp-block-list\"><li><em>Provide the same user experience for everyone<\/em><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Compliance with the WCAG requirements does not always determine the convenience of a product for customers. For example, if subtitles are set up carelessly, users will not have time to read. An alternative solution is to invite visitors to choose the playback speed and transcript format themselves.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Accessibility as part of UI\/UX design brings benefits in terms of business outcomes. By implementing the principles of inclusion, you will make software products more convenient, expand your audience, and improve your site\u2019s SEO. If you want to create a product with accessible design, you should turn to an experienced software development company.<\/p>\n                            <\/div><br><div class=\"author-inner\">\n<p class=\"bio-name\">Alexandr Khomich<\/p>\n<div class=\"bio-desc\">\n    Alexandr Khomich collects and works with data in a diverse set of interests across machine learning, finance, and <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/technology\/\" data-internallinksmanager029f6b8e52c=\"4\" title=\"Technology\" target=\"_blank\" rel=\"noopener\">technology<\/a>. Currently, he is the CEO at Andersen.<\/div>\n<!-- social-link -->\n<div class=\"clear\"><\/div>\n<\/div>\r\n<blockquote><strong><span style=\"color: #ff6600;\">If you liked the article, do not forget to share it with your friends. Follow us on\u00a0<span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/news.google.com\/publications\/CAAqBwgKMLG0nwswvr63Aw\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google News<\/a><\/span>\u00a0too, click on the star and choose us from your favorites.<\/span><\/strong><\/blockquote>\r\n<blockquote>\r\n<p style=\"text-align: center;\">For forums sites go to <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/forum.buradabiliyorum.com\/\" target=\"_blank\" rel=\"noopener\">Forum.BuradaBiliyorum.Com<\/a><\/span><\/strong><\/p>\r\n<\/blockquote>\r\n<blockquote>\r\n<p style=\"text-align: center;\"><strong>If you want to read more <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/news\/\" data-internallinksmanager029f6b8e52c=\"2\" title=\"News\" target=\"_blank\" rel=\"noopener\">News<\/a> articles, you can visit our <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/en.buradabiliyorum.com\/general\/\" target=\"_blank\" rel=\"noopener\">General <\/a><\/span>category.<\/strong><\/p>\r\n<\/blockquote>\r\n\r\n<span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/www.noupe.com\/design\/how-accessible-product-design-improves-business.html\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/span>","protected":false},"excerpt":{"rendered":"<p>&#8220;How Accessible Product Design Improves Business&#8221; Approximately 2.2 billion people all over the world suffer from visual impairments of varying severity, 5% of the world\u2019s population experience hearing problems and 15% have disabilities. Therefore, when developing a software product, it is important to consider the accessibility of its design and inclusion. In this article, we\u2019ll&#8230;<\/p>\n","protected":false},"author":1,"featured_media":473256,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.noupe.com\/wp-content\/uploads\/2022\/06\/milad-fakurian-PpgY7sjpf_0-unsplash.jpg","fifu_image_alt":"","footnotes":""},"categories":[1],"tags":[79296,117,76732,119121],"class_list":["post-473255","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","tag-accessibility","tag-business","tag-design","tag-product-design"],"_links":{"self":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/473255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/comments?post=473255"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/473255\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/473256"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=473255"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=473255"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=473255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}