CINXE.COM
Design for all users : Google Play Academy
<!DOCTYPE html> <html class="" lang="en" dir="ltr"> <head> <script> window.Intellum = { ...window.Intellum, accountName: 'Google Play Academy', datepickerI18n: { previousMonth: "Previous Month", nextMonth: "Next Month", weekdays: ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"], weekdaysShort: ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"], months: ["January","February","March","April","May","June","July","August","September","October","November","December"], }, i18nStrings: { add_text_here: "Add text here", in_days: "in {{COUNT}} days", in_hours: "in {{COUNT}} hours", in_minutes: "in {{COUNT}} minutes", in_one_hour: "in 1 hour", in_one_minute: "in 1 minute", item_dropped: "\"{{ITEM NAME}}\" dropped at position {{POSITION}} of {{TOTAL ITEMS}}.", item_grabbed: "\"{{ITEM NAME}}\" grabbed. Current position: {{POSITION}} of {{TOTAL ITEMS}}. Use up and down keys to move the item, space bar to drop it, Escape to cancel.", item_move_canceled: "Move of \"{{ITEM NAME}}\" canceled.", item_moved_to_position: "\"{{ITEM NAME}}\" moved to position {{POSITION}} of {{TOTAL ITEMS}}.", item_moved_to_position_in_list: "\"{{ITEM NAME}}\" moved to position {{POSITION}} of {{TOTAL ITEMS}} in \"{{LIST NAME}}.\"", live_now: "LIVE NOW", loading: "Loading...", processing_ellipsis: "Processing...", remove: "Remove", removing_ellipsis: "Removing...", saving_ellipsis: "Saving...", search_results: "Search Results", showing_item_position_of_total: "Showing item {{POSITION}} of {{TOTAL ITEMS}}", start_creating_content: "Start creating content", there_was_a_problem_getting_your_updates: "There was a problem in getting your updates.", tomorrow: "tomorrow", topicsSuggestionEmpty: "Sorry. We've run out of suggested topics.", topicsSelectionEmpty: "No topics have been assigned to this activity.", topicsFollowedSelectionEmpty: "No topics have been followed yet.", upload_canceled: "The upload was canceled.", uploadfile_no_file_selected: "No file selected", uploadfile_uploading_msg: "Uploading {{FILENAME}}", uploadfile_error_format_msg: "{{FILENAME}} is not the correct file type. Please try again.", uploadfile_error_size_coursefile_msg: "{{FILENAME}} is too large. Size limit: 10MB for images, 3GB for videos and audio.", uploadfile_error_size_msg: "{{FILENAME}} is too big. Please try again.", uploadfile_error_msg: "There was a problem uploading {{FILENAME}}. Please try again.", uploading_ellipsis: "Uploading...", use_menu_edit_html: "Use menu to edit HTML", when_datepicket_widget_appears: "When the datepicker widget appears, use arrow keys to navigate dates and select a date.", }, mediumEditorI18n: { bold: "Bold", italic: "Italic", link: "Link", title: "Title", subtitle: "Subtitle", unorderedList: "Unordered List", orderedList: "Ordered List", quote: "Quote", linkPlaceholderText: "Paste or type a link...", save: "Save", close: "Close", }, properties: { courseContentFileSizeConstraintsInMB: { image: 10485760, video: 3221225472, audio: 3221225472, }, }, translation_paths: { 'ar': '/locales/ar.9ab301cc05087d57b43e521433a1a9cb.json', 'bg': '/locales/bg.b4b7449391388a49f819d452d24a43ea.json', 'bn': '/locales/bn.c779fe52eaa988df5bde08344e7df093.json', 'cs': '/locales/cs.898aa1620bc5182750602c91eed21d51.json', 'da': '/locales/da.4744bc38b807ae4b520f8ea3fffe770d.json', 'de': '/locales/de.045e8684dcde78cf3c92423329afafcc.json', 'el': '/locales/el.28615ca17789bedb8b30d063713d7454.json', 'en-AU': '/locales/en-AU.d9efdc799d9340c3f49596d4158f6aa2.json', 'en-CA': '/locales/en-CA.b37c119ee44d6c8cb32572dcf33d3c9e.json', 'en-GB': '/locales/en-GB.6cca833957bfce559474cf76370eb762.json', 'en-IN': '/locales/en-IN.b53c74b6bf763380c7d254e0198ced99.json', 'en-SG': '/locales/en-SG.2751e962376e0366ee752469c31707fe.json', 'en': '/locales/en.b615881492af8fbf347f55f7efdbe26c.json', 'es-419': '/locales/es-419.fc15de31024b69c010e7fcb93b37263d.json', 'es-MX': '/locales/es-MX.7a95c39c39f3231da5c6a4c5e9877350.json', 'es': '/locales/es.b7033090d8d24f286134c72e88bd0ef0.json', 'et': '/locales/et.465cb51cb8c5671097ea831abae21ee7.json', 'fi': '/locales/fi.0e4947f82f6669e87bf49a067b138d3b.json', 'fr-CA': '/locales/fr-CA.5b98f8ec97952e1eee13f0ba91d0dcf5.json', 'fr': '/locales/fr.0c908a9863f7bed088a85718abaf386e.json', 'he': '/locales/he.4eb99c8cd028e44dbbc1b42b81e61d94.json', 'hi': '/locales/hi.93f636b25eae72e2cbe8a02c1f86ff58.json', 'hr': '/locales/hr.d7a97312209a81a7dc8aad3a6f537db7.json', 'hu': '/locales/hu.edf6f72693cd659e003125c9e45b61c0.json', 'id': '/locales/id.9e958c201d4752e69db0facebf9c8543.json', 'it': '/locales/it.7e4e25c3f1b5a0afe298380f8bfdb9ee.json', 'ja': '/locales/ja.d8c8a6b6110436a8cd091af83a5f1859.json', 'kn': '/locales/kn.44c9a26aff92ee1598cbf6d0c33805eb.json', 'ko': '/locales/ko.73c4962c313284f36fff4f02c747c13b.json', 'lt': '/locales/lt.dd7ce29cf873eb4906722d08e1daed05.json', 'lv': '/locales/lv.7b2a36b833d20cff298f74df356e9e7e.json', 'mn': '/locales/mn.f7712d504d9400381de35af7990beb5f.json', 'mr': '/locales/mr.d16a7ed1ae1bf05768ac921bde7e2cc2.json', 'ms': '/locales/ms.4d3f25ed269d7d54520c49b38551888e.json', 'my': '/locales/my.ea0cec5295de7349b185ce452b79205d.json', 'nb': '/locales/nb.a7d246526e22819549e4924a0a2d0005.json', 'nl': '/locales/nl.805af11a9c7b61012a94e3bb1b900347.json', 'pl': '/locales/pl.428346f8eead658e1c66d570c82a7c1c.json', 'pt-BR': '/locales/pt-BR.61570a62d2fa191bc61556524bc98592.json', 'pt-PT': '/locales/pt-PT.f3749cede3e1f84cce4207a58c645474.json', 'ro': '/locales/ro.cfa73f3946b4fdaed235e9364f658329.json', 'ru': '/locales/ru.84949cbc6547b93e1826c58494155020.json', 'si': '/locales/si.1435cfa7223fd3feab15085abf82a607.json', 'sk': '/locales/sk.4f60f06321d19306eb60bb6ef937bb53.json', 'sl': '/locales/sl.d7dc91c15fa3481b3346772c36793ee5.json', 'sr-Cyrl': '/locales/sr-Cyrl.8bd5424e0aabd29939fd482a2426552c.json', 'sr-Latn': '/locales/sr-Latn.8f6ffbf8e194cc5f0d1a35df6580f21b.json', 'sv': '/locales/sv.fa1e9cb6c04d0d25264c1f5f4a87ee58.json', 'ta': '/locales/ta.d32b067736f2dd57d14e915926bda3ea.json', 'te': '/locales/te.d1f44adc47a2685930206c945a2f0fa3.json', 'th': '/locales/th.e57c037ecc0d746062e69b2f3550cfc5.json', 'tr': '/locales/tr.5a416590d39cd6f78820f2b4548b2770.json', 'uk': '/locales/uk.1cf10aa44f5e6b32d2de9ae3f9df6b2e.json', 'vi': '/locales/vi.b325c8aa00f8825b2d47f026b362e8d8.json', 'zh-CN': '/locales/zh-CN.f991c6651a4d6ca82698314e7348cd3b.json', 'zh-TW': '/locales/zh-TW.86fdf6ed5875492216ba19833c0211f0.json', }, }; </script> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="icon" type="image/png" href="https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/organizations/favicons/52/small/logo-play-32px-clr.png?GoogleAccessId=GOOG1EIO7LXRUFV35UXSWKJ3AWMYHZUVNMYIAMGSBIFYEF2AMYYAY4Y4Y5PKA&Signature=30V6dCbooj%2BeorH816lkdaqt1qQ%3D&Expires=1732450872" sizes="16x16"> <link rel="icon" type="image/png" href="https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/organizations/favicons/52/medium/logo-play-32px-clr.png?GoogleAccessId=GOOG1EIO7LXRUFV35UXSWKJ3AWMYHZUVNMYIAMGSBIFYEF2AMYYAY4Y4Y5PKA&Signature=4B4mvNgzKp%2FciFxae2ar%2FO07lcQ%3D&Expires=1732450872" sizes="32x32"> <link rel="icon" type="image/png" href="https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/organizations/favicons/52/large/logo-play-32px-clr.png?GoogleAccessId=GOOG1EIO7LXRUFV35UXSWKJ3AWMYHZUVNMYIAMGSBIFYEF2AMYYAY4Y4Y5PKA&Signature=A108fNn7Cd6bXIWBFCmBlWB%2FWik%3D&Expires=1732450872" sizes="96x96"> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="white"> <title>Design for all users : Google Play Academy</title> <meta content="https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/organizations/branding_logos/52/full/googleplayacademy-logo-fullcolor-2.png" property="og:image" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i%7CLora:regular,italic,700,700i&subset=latin-ext" media="all" /> <link rel="stylesheet" href="/assets/google_play/all-7b91c80e91236fa043af058daa2c98da0d7e70d454b5702ad031aafeeed9a0af.css" media="all" /> <link rel="stylesheet" href="/theme/52-play-academy-default-branding-org/1732359079/styles-8fac5610964b7b93cc750b80aca195c0.css" media="all" /> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="xi95Dzs-BYKA07Uoz58Ilznq4yLna4MDYbpb-XW9C3IzUwkkbed5z-KwLikqGhEOTemiAPx3mOuWNw60OcPVnw" /> <meta name="twitter:card" content="summary" /> <meta property="og:title" content="Design for all users" /> <meta property="og:url" content="https://playacademy.exceedlms.com/student/path/234482" /> <meta property="og:image" content="https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/resource_course_pictures/targets/725495/w550/design-for-all-users-1.png" /> <meta property="og:site_name" content="Google Play Academy" /> <meta name="description" property="og:description" content=" Users' expectations have grown since the early days of mobile apps. From privacy to user experience, developers need to make sure their apps not only work but work well. Learn how to optimize for onboarding, build accessible apps, and reduce app size to reach more users." /> <meta name="keywords" property="og:keywords" content="" /> <meta property="og:author" content="Play Academy" /> <meta property="exceed:course_type" content="CourseCurriculum" /> <meta property="exceed:embeddable" content="false" /> <meta property="og:locale" content="en" /> <link rel="alternate" hreflang="en" href="https://playacademy.exceedlms.com/student/path/234482-design-for-all-users" /> <link rel="alternate" hreflang="zh-CN" href="https://playacademy.exceedlms.com/student/path/264175" /> <link rel="alternate" hreflang="tr" href="https://playacademy.exceedlms.com/student/path/264161-tum-kullanicilar-icin-tasarlama" /> <link rel="alternate" hreflang="pt-BR" href="https://playacademy.exceedlms.com/student/path/264169-design-para-todos-os-usuarios" /> <link rel="alternate" hreflang="ja" href="https://playacademy.exceedlms.com/student/path/264167" /> <link rel="alternate" hreflang="id" href="https://playacademy.exceedlms.com/student/path/264171-desain-untuk-semua-pengguna" /> <link rel="alternate" hreflang="zh-TW" href="https://playacademy.exceedlms.com/student/path/264173" /> <link rel="alternate" hreflang="es-419" href="https://playacademy.exceedlms.com/student/path/264165-disena-para-todos-los-usuarios" /> <link rel="alternate" hreflang="ko" href="https://playacademy.exceedlms.com/student/path/264163" /> <link rel="alternate" hreflang="ru" href="https://playacademy.exceedlms.com/student/path/264159" /> <link rel="alternate" hreflang="vi" href="https://playacademy.exceedlms.com/student/path/493143-thi-t-k-danh-cho-t-t-c-ng-i-dung" /> <link rel="canonical" href="https://playacademy.exceedlms.com/student/path/234482-design-for-all-users" /> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"Course","inLanguage":"en","isAccessibleForFree":true,"courseCode":"234482-en","coursePrerequisites":"none","name":"Design for all users","description":"\r\n\r\nUsers' expectations have grown since the early days of mobile apps. From privacy to user experience, developers need to make sure their apps not only work but work well. Learn how to optimize for onboarding, build accessible apps, and reduce app size to reach more users.","keywords":[],"image":"https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/resource_course_pictures/targets/725495/w550/design-for-all-users-1.png","url":"https://playacademy.exceedlms.com/student/path/234482-design-for-all-users","provider":{"@type":"Organization","name":"Google"},"aggregateRating":{"@type":"AggregateRating","ratingValue":4.666666666666667,"reviewCount":45}} </script> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push( {'user_id': null} ); window.dataLayer.push({'cluster': "google_external"}); window.dataLayer.push( { 'course_id': 234482 }, { 'enrollment_id': }, { 'course_type': 'CourseCurriculum' }, { 'course_subtype': null }, { 'is_enrolled': true } ); window.dataLayer.push({'environment': "production"}) </script> <script> window.IntellumDataLayer = window.IntellumDataLayer || {"account":{"id":1011,"name":"Google Play Academy"},"organization":{"id":52,"code":null,"name":"Play Academy default branding org"},"user":null,"course":{"id":234482,"code":"234482-en","name":"Design for all users","author":"Play Academy","locale":"en","type":"CourseCurriculum","subtype":null,"price":null,"due_within":null,"completion_type":null,"duration":null,"published_on":null,"require_purchase":false,"version_number":7,"is_versioned":true,"custom_a":null,"custom_b":null,"custom_c":null,"custom_d":null,"custom_e":null,"custom_f":null,"custom_g":null,"custom_h":null,"custom_i":null,"custom_j":null,"taxonomy_tags":[{"id":129,"code":"product manager","name":"product manager"},{"id":192,"code":"user experience","name":"user experience"},{"id":196,"code":"security","name":"security"},{"id":201,"code":null,"name":"ux designer"},{"id":232,"code":null,"name":"trending"},{"id":301,"code":"design","name":"design"}],"categories":null,"difficulty":null,"review_average":4.7,"reviews_count":45},"course_session":null,"enrollment":{"id":null,"code":null,"started_on":null,"enrolled_on":null,"due_on":null,"expires_on":null,"completed_on":null,"last_opened_on":null,"status":"in-progress","relationship_type":"recommended"},"page_type":"course","search":null}; </script> <!-- Intellum GA4 script --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-9QZZZPK0JH"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-9QZZZPK0JH'); </script> <script> window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-45326746-3', 'auto', {'name': 'intellumTracker'}); ga('intellumTracker.set', 'anonymizeIp', true); ga('intellumTracker.send', 'pageview'); </script> <script type="text/javascript" async src='https://www.google-analytics.com/analytics.js'></script> </head> <body class="body--logged-out" data-controller="tree_activity" data-action="show" data-custom-ui="google_play"> <!-- Google Tag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-P7VQDTC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script type="text/javascript" >(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P7VQDTC');</script> <!-- End Google Tag Manager --> <a href="#main" class="skip2content"> Skip to main content </a> <div id="gdpr-consent" class="consent u-orgcolor--bg"> <div class="consent__content"> <span class="consent__text">This site uses cookies to provide you with a greater user experience. By using Exceed LMS, you accept our <a href='https://www.intellum.com/privacy-policy' target='_BLANK' class='whatsnew__link'>use of cookies</a>.</span> </div> <div class="consent__actions"> <button type="button" id="gdpr-consent__button" class="consent__close" aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" aria-hidden="true" class="consent__icon btnicon" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M11.84,24.57 L24.57,11.84 L23.16,10.43 L10.43,23.16 z"></path> <path d="M10.43,11.84 L23.16,24.57 L24.57,23.16 L11.84,10.43 z"></path> </g> </svg> </button> </div> </div> <div class="appheader appheader--exceed u-org--header"> <div class="appheader__navigation"> <div class="appheader__section appheader__section--title u-org--header"> <exceed-nav-menu trigger-el-selector=".appheader__button--appnavmobile" menu-el-selector=".appnav--mobile" menu-visible-class="appnav--mobilevisible" option-el-selector=".navmenu__option"> <button type="button" class="appheader__button appheader__button--appnavmobile u-org--header" aria-label="Toggle Navigation"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" aria-hidden="true" class="appheader__icon" focusable="false"> <path aria-hidden="true" d="M8.5 23.5h18v-2h-18v2zm0-5h18v-2h-18v2zm0-7v2h18v-2h-18z" fill="currentColor"></path> <path aria-hidden="true" fill="none" d="M0 0h35v35H0z"></path> </svg> </button> <nav class="appnav appnav--mobile"> <ul class="appnav__list--mobile"> <li class="navmenu__listitem--mobile navmenu__option"> <a class="appnav__link appnav__link--mobile" href="/student/catalog"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class="appnav__icon appnav__icon--left" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M12,3L4,9v12h16V9L12,3z M18,19h-3v-6H9v6H6v-9l6-4.5l6,4.5V19z"></path> </g> </svg> <span class="appnav__label"> Home </span> </a></li> <li class="navmenu__listitem--mobile navmenu__option"> <a class="appnav__link appnav__link--mobile" target="_blank" href="https://play.google.com/academy/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class="appnav__icon appnav__icon--left" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M19,5v14H5V5H19 M19,3H5C3.897,3.003,3.003,3.897,3,5v14c0.003,1.103,0.897,1.997,2,2h14c1.103-0.003,1.997-0.897,2-2V5 C20.997,3.897,20.103,3.003,19,3z M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"></path> </g> </svg> <span class="appnav__label"> About Play Academy </span> </a></li> <li class="navmenu__listitem--mobile navmenu__option"> <a class="appnav__link appnav__link--mobile" target="_blank" href="https://play.google.com/apps/publish/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class="appnav__icon appnav__icon--left" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M23,8c0,1.1-0.9,2-2,2c-0.18,0-0.35-0.02-0.51-0.07l-3.56,3.55C16.98,13.64,17,13.82,17,14c0,1.1-0.9,2-2,2s-2-0.9-2-2 c0-0.18,0.02-0.36,0.07-0.52l-2.55-2.55C10.36,10.98,10.18,11,10,11s-0.36-0.02-0.52-0.07l-4.55,4.56C4.98,15.65,5,15.82,5,16 c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2c0.18,0,0.35,0.02,0.51,0.07l4.56-4.55C8.02,9.36,8,9.18,8,9c0-1.1,0.9-2,2-2s2,0.9,2,2 c0,0.18-0.02,0.36-0.07,0.52l2.55,2.55C14.64,12.02,14.82,12,15,12s0.36,0.02,0.52,0.07l3.55-3.56C19.02,8.35,19,8.18,19,8 c0-1.1,0.9-2,2-2S23,6.9,23,8z"></path> </g> </svg> <span class="appnav__label"> Play Console </span> </a></li> <li class="navmenu__listitem--mobile navmenu__option"> <a class="appnav__link appnav__link--mobile" target="_blank" href="https://playacademy.exceedlms.com/student/activity/9389?use_locale=true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class="appnav__icon appnav__icon--left" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M20,2H4C2.899,2.006,2.01,2.899,2.01,4L2,22l4-4h14c1.103-0.003,1.997-0.897,2-2V4C21.997,2.897,21.103,2.003,20,2z M20,16 H5.17l-0.59,0.59L4,17.17V4h16V16z M11,12h2v2h-2V12z M11,6h2v4h-2V6z"></path> </g> </svg> <span class="appnav__label"> Feedback </span> </a></li> </ul> </nav> </exceed-nav-menu> <a class="appheader__titlelink u-org--header" href="/"><img class="appheader__titleimage" alt="Google Play Academy" src="https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/organizations/branding_logos/52/full/googleplayacademy-logo-fullcolor-2.png?GoogleAccessId=GOOG1EIO7LXRUFV35UXSWKJ3AWMYHZUVNMYIAMGSBIFYEF2AMYYAY4Y4Y5PKA&Signature=sbvJsehQAzXLzNRRFX0qNaZWGLc%3D&Expires=1732451053" /></a> <nav class="appnav"> <ul class="appnav__list"> <li class="appnav__listitem"> <a class="appnav__link hint hint--bottom u-org--header u-orgcolor--borderhover" data-hint="Home" data-hide-hint-on-click="true" data-hint-is-label="true" href="/student/catalog"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class="appnav__icon" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M12,3L4,9v12h16V9L12,3z M18,19h-3v-6H9v6H6v-9l6-4.5l6,4.5V19z"></path> </g> </svg> </a></li> <li class="appnav__listitem"> <a class="appnav__link hint hint--bottom u-org--header u-orgcolor--borderhover" target="_blank" data-hint="About Play Academy" data-hide-hint-on-click="true" data-hint-is-label="true" href="https://play.google.com/academy/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class="appnav__icon" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M19,5v14H5V5H19 M19,3H5C3.897,3.003,3.003,3.897,3,5v14c0.003,1.103,0.897,1.997,2,2h14c1.103-0.003,1.997-0.897,2-2V5 C20.997,3.897,20.103,3.003,19,3z M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"></path> </g> </svg> </a></li> <li class="appnav__listitem"> <a class="appnav__link hint hint--bottom u-org--header u-orgcolor--borderhover" target="_blank" data-hint="Play Console" data-hide-hint-on-click="true" data-hint-is-label="true" href="https://play.google.com/apps/publish/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class="appnav__icon" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M23,8c0,1.1-0.9,2-2,2c-0.18,0-0.35-0.02-0.51-0.07l-3.56,3.55C16.98,13.64,17,13.82,17,14c0,1.1-0.9,2-2,2s-2-0.9-2-2 c0-0.18,0.02-0.36,0.07-0.52l-2.55-2.55C10.36,10.98,10.18,11,10,11s-0.36-0.02-0.52-0.07l-4.55,4.56C4.98,15.65,5,15.82,5,16 c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2c0.18,0,0.35,0.02,0.51,0.07l4.56-4.55C8.02,9.36,8,9.18,8,9c0-1.1,0.9-2,2-2s2,0.9,2,2 c0,0.18-0.02,0.36-0.07,0.52l2.55,2.55C14.64,12.02,14.82,12,15,12s0.36,0.02,0.52,0.07l3.55-3.56C19.02,8.35,19,8.18,19,8 c0-1.1,0.9-2,2-2S23,6.9,23,8z"></path> </g> </svg> </a></li> <li class="appnav__listitem"> <a class="appnav__link hint hint--bottom u-org--header u-orgcolor--borderhover" target="_blank" data-hint="Feedback" data-hide-hint-on-click="true" data-hint-is-label="true" href="https://playacademy.exceedlms.com/student/activity/9389?use_locale=true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class="appnav__icon" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M20,2H4C2.899,2.006,2.01,2.899,2.01,4L2,22l4-4h14c1.103-0.003,1.997-0.897,2-2V4C21.997,2.897,21.103,2.003,20,2z M20,16 H5.17l-0.59,0.59L4,17.17V4h16V16z M11,12h2v2h-2V12z M11,6h2v4h-2V6z"></path> </g> </svg> </a></li> <li class="appnav__listitem" hidden> <exceed-nav-menu class="navmenu"> <button name="button" type="button" role="button" class="appnav__link appnav__link--more navmenu__trigger u-org--header" aria-haspopup="true" aria-expanded="false" aria-label="More"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" aria-hidden="true" class="appnav__icon" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M9,6c0.825,0,1.5-0.675,1.5-1.5S9.825,3,9,3S7.5,3.675,7.5,4.5S8.175,6,9,6z M9,7.5C8.175,7.5,7.5,8.175,7.5,9s0.675,1.5,1.5,1.5s1.5-0.675,1.5-1.5S9.825,7.5,9,7.5z M9,12c-0.825,0-1.5,0.675-1.5,1.5S8.175,15,9,15s1.5-0.675,1.5-1.5 S9.825,12,9,12z"></path> </g> </svg> </button> <ul class="appnav__sublist navmenu__menu"></ul> </exceed-nav-menu> </li> </ul> </nav> </div> <div class="appheader__section u-org--header"> <exceed-nav-menu class="appheader__search" trigger-el-selector=".appheader__searchbutton" blur-trigger-el-selector=".appsearch__backdrop" menu-el-selector=".appheader__searchmenu" menu-visible-class="appheader__searchmenu--visible" trigger-active-class="appheader__searchbutton--active" dynamic-content-container-selector=".appsearch__recommendations" dynamic-content-endpoint="/student/catalog/recommend_for_user" is-dynamic-content-delayed="true" > <button class="button button--toggle appheader__searchbutton u-org--header" aria-haspopup="true" aria-expanded="false" data-object-name="header_search" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true" class="appheader__icon appheader__icon--searchbuttonicon appheader__searchbuttonicon--inactive" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M13.935,9.25 C16.243,9.252 18.229,10.885 18.677,13.149 C19.126,15.413 17.914,17.679 15.781,18.562 C13.648,19.445 11.189,18.699 9.906,16.78 C8.623,14.861 8.874,12.303 10.505,10.67 C11.412,9.757 12.648,9.245 13.935,9.25 M13.935,8.25 C11.149,8.25 8.751,10.219 8.208,12.952 C7.665,15.684 9.128,18.42 11.702,19.486 C14.276,20.552 17.245,19.651 18.792,17.334 C20.34,15.017 20.035,11.93 18.065,9.96 C16.97,8.864 15.484,8.249 13.935,8.25 L13.935,8.25 z"></path> <path d="M23.425,23.75 C23.293,23.748 23.167,23.694 23.075,23.6 L17.885,18.41 C17.689,18.214 17.689,17.896 17.885,17.7 C18.081,17.504 18.399,17.504 18.595,17.7 L23.785,22.89 C23.934,23.033 23.979,23.253 23.899,23.443 C23.82,23.634 23.631,23.755 23.425,23.75 z"></path> </g> </svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true" class="appheader__icon appheader__icon--searchbuttonicon appheader__searchbuttonicon--active" focusable="false"> <g fill="currentColor" aria-hidden="true"> <path d="M8 0.5C3.8525 0.5 0.5 3.8525 0.5 8C0.5 12.1475 3.8525 15.5 8 15.5C12.1475 15.5 15.5 12.1475 15.5 8C15.5 3.8525 12.1475 0.5 8 0.5ZM11.75 10.6925L10.6925 11.75L8 9.0575L5.3075 11.75L4.25 10.6925L6.9425 8L4.25 5.3075L5.3075 4.25L8 6.9425L10.6925 4.25L11.75 5.3075L9.0575 8L11.75 10.6925Z"></path> </g> </svg> <span class="appheader__searchbuttontext">Search</span> </button> <div class="appheader__searchmenu"> <div class="appsearch appsearch--menu"> <form class="appsearch__form appsearch__form--menu" action="/student/catalog/list"> <input type="search" name="search" id="app-search" class="appsearch__input" placeholder="Search..." value="" aria-label="Search" data-search-path="/student/catalog/list" data-is-menu-focus="true" /> </form> <div class="appsearch__recommendations"></div> </div> <div class="appsearch__backdrop"></div> </div> </exceed-nav-menu> <div class="direct-login"> <a href="/authentication/google_authentication" class="button button--primary button--appheader"> Log In </a> </div> </div> </div> </div> <main class="main main--student" id="main" data-save-state="scroll.y" > <div class="coursepage" data-scroll-y-state> <div class="coursepage__content"> <article class="coursepage__contentmain course" > <div class="course__fullwidthcontainer"> <div class="hero hero--course" style="--hero-ratio: 12.550775960837413%; --hero-ratio-mobile: 56.170981336544244%;"><picture alt="" class="hero__image"><source media="(min-width: 480px)" srcset="https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/resource_hero_pictures/targets/1150689/w550/design-desktop-2.jpg?GoogleAccessId=GOOG1EIO7LXRUFV35UXSWKJ3AWMYHZUVNMYIAMGSBIFYEF2AMYYAY4Y4Y5PKA&Signature=sSEUqTMYMhc9kBNrOz7ncWtDR18%3D&Expires=1732454774 550w, https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/resource_hero_pictures/targets/1150689/w800/design-desktop-2.jpg?GoogleAccessId=GOOG1EIO7LXRUFV35UXSWKJ3AWMYHZUVNMYIAMGSBIFYEF2AMYYAY4Y4Y5PKA&Signature=5zd9LfvWcbs8kAnvAfAjFgxRfKA%3D&Expires=1732454774 800w, https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/resource_hero_pictures/targets/1150689/w1100/design-desktop-2.jpg?GoogleAccessId=GOOG1EIO7LXRUFV35UXSWKJ3AWMYHZUVNMYIAMGSBIFYEF2AMYYAY4Y4Y5PKA&Signature=czD9gxdcHUhv3WCYgWEVkGYjnzM%3D&Expires=1732454774 1100w, https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/resource_hero_pictures/targets/1150689/w1600/design-desktop-2.jpg?GoogleAccessId=GOOG1EIO7LXRUFV35UXSWKJ3AWMYHZUVNMYIAMGSBIFYEF2AMYYAY4Y4Y5PKA&Signature=MiGJ0XX7rYQvoqZzQsk1YscMvaU%3D&Expires=1732454774 1600w, https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/resource_hero_pictures/targets/1150689/w2400/design-desktop-2.jpg?GoogleAccessId=GOOG1EIO7LXRUFV35UXSWKJ3AWMYHZUVNMYIAMGSBIFYEF2AMYYAY4Y4Y5PKA&Signature=l74%2FIIhuMdZEKZ%2FGkRksuZAEW3g%3D&Expires=1732454774 2400w, https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/resource_hero_pictures/targets/1150689/w3200/design-desktop-2.jpg?GoogleAccessId=GOOG1EIO7LXRUFV35UXSWKJ3AWMYHZUVNMYIAMGSBIFYEF2AMYYAY4Y4Y5PKA&Signature=kSiByuqrqqvS%2FrMDyQuCc8GpBnY%3D&Expires=1732454774 3200w"></source><source media="(max-width: 479px)" srcset="https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/resource_hero_pictures/mobile_targets/1150689/w550/design-mobile-1.jpg?GoogleAccessId=GOOG1EIO7LXRUFV35UXSWKJ3AWMYHZUVNMYIAMGSBIFYEF2AMYYAY4Y4Y5PKA&Signature=Jy5wPthnD6TJN7c9jrHhwucGADQ%3D&Expires=1732454774 550w, https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/resource_hero_pictures/mobile_targets/1150689/w800/design-mobile-1.jpg?GoogleAccessId=GOOG1EIO7LXRUFV35UXSWKJ3AWMYHZUVNMYIAMGSBIFYEF2AMYYAY4Y4Y5PKA&Signature=UaIXgwcqMi3UV0w6UvmuEUZVDY4%3D&Expires=1732454774 800w, https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/resource_hero_pictures/mobile_targets/1150689/w1100/design-mobile-1.jpg?GoogleAccessId=GOOG1EIO7LXRUFV35UXSWKJ3AWMYHZUVNMYIAMGSBIFYEF2AMYYAY4Y4Y5PKA&Signature=14O6jaderJus7py%2FgV0GpUGrHbc%3D&Expires=1732454774 1100w, https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/resource_hero_pictures/mobile_targets/1150689/w1600/design-mobile-1.jpg?GoogleAccessId=GOOG1EIO7LXRUFV35UXSWKJ3AWMYHZUVNMYIAMGSBIFYEF2AMYYAY4Y4Y5PKA&Signature=DKDc511mju2Jb24pqvgdg2aGUoY%3D&Expires=1732454774 1600w"></source><img alt="" class="hero__image" src="https://storage.googleapis.com/exceedlms-external-uploads-production/uploads/resource_hero_pictures/targets/1150689/w550/design-desktop-2.jpg?GoogleAccessId=GOOG1EIO7LXRUFV35UXSWKJ3AWMYHZUVNMYIAMGSBIFYEF2AMYYAY4Y4Y5PKA&Signature=sSEUqTMYMhc9kBNrOz7ncWtDR18%3D&Expires=1732454774" /></picture></div> </div> <header class="course__headercontainer" data-save-state-restore-el> <script> if (window.Intellum && window.Intellum.util && window.Intellum.util.reinitialize) { // Re-init dialog window.Intellum.util.reinitialize.trigger(); }; </script> <div class="course__header"> <div class="activityheading"> <h1 class="u-headingpage--activity activityheading__name" dir="ltr"> Design for all users </h1> <ul class="activityheading__meta activitymeta activitymeta--heading"> <li class="activitymeta__item">By Play Academy</li> <li class="activitymeta__item course__metaratings" id="course-rating"> <div class="rating__container" id="activity-rating-container" data-rating-url="/student/reviews/rating/234482-design-for-all-users"> <form id="activity-rating" class="rating rating--disabled hint--top hint--mobile" data-rating-enabled="false" data-review-enabled="false" data-rating="false" data-rating-value="4.7" data-student-rated="false" data-dialog-id="activity_reviews_dialog" data-dialog-url="/student/reviews/list/234482" data-hint-when-complete="Review this activity" data-disable-hint-a11y="true" action="/student/reviews?course_id=234482" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓" autocomplete="off" /><input type="hidden" name="authenticity_token" value="xUx-Tr6WTQlmY6A0rUJy6iARiqx03ceTN9Zadfu0yXswMA5l6E8xRAQAOzVIx2tzVBLLjm_B3HvAWw84t8oXlg" autocomplete="off" /> <fieldset class="rating__fieldset"> <legend class="a11y-atonly">Rating</legend> <input type="radio" name="review[stars]" id="stars_1" value="1" required="required" aria-hidden="true" /> <label data-behavior="submit.rating" for="stars_1"> <span class="a11y-atonly">1 star</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" aria-hidden="true" class="rating__star" focusable="false"> <path aria-hidden="true" d="M13.875,38.875 L16.625,27.562 L7.688,19.688 L19.312,18.625 L24,7.75 L28.75,18.625 L40.375,19.688 L31.562,27.5 L34.062,38.812 L24,32.875 z" stroke-width="3"></path> <path aria-hidden="true" d="M11.64,42 L14.92,27.94 L4,18.48 L18.38,17.26 L24,4 L29.62,17.24 L44,18.48 L33.1,27.94 L36.36,42 L24,34.54 z" stroke="transparent" stroke-width="0"></path> <path aria-hidden="true" d="M11.64,42 L14.92,27.94 L4,18.48 L18.38,17.26 L24,4 L24,34.54 z" fill="currentColor" stroke="transparent" stroke-width="0"></path> </svg> </label> <input type="radio" name="review[stars]" id="stars_2" value="2" required="required" aria-hidden="true" /> <label data-behavior="submit.rating" for="stars_2"> <span class="a11y-atonly">2 stars</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" aria-hidden="true" class="rating__star" focusable="false"> <path aria-hidden="true" d="M13.875,38.875 L16.625,27.562 L7.688,19.688 L19.312,18.625 L24,7.75 L28.75,18.625 L40.375,19.688 L31.562,27.5 L34.062,38.812 L24,32.875 z" stroke-width="3"></path> <path aria-hidden="true" d="M11.64,42 L14.92,27.94 L4,18.48 L18.38,17.26 L24,4 L29.62,17.24 L44,18.48 L33.1,27.94 L36.36,42 L24,34.54 z" stroke="transparent" stroke-width="0"></path> <path aria-hidden="true" d="M11.64,42 L14.92,27.94 L4,18.48 L18.38,17.26 L24,4 L24,34.54 z" fill="currentColor" stroke="transparent" stroke-width="0"></path> </svg> </label> <input type="radio" name="review[stars]" id="stars_3" value="3" required="required" aria-hidden="true" /> <label data-behavior="submit.rating" for="stars_3"> <span class="a11y-atonly">3 stars</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" aria-hidden="true" class="rating__star" focusable="false"> <path aria-hidden="true" d="M13.875,38.875 L16.625,27.562 L7.688,19.688 L19.312,18.625 L24,7.75 L28.75,18.625 L40.375,19.688 L31.562,27.5 L34.062,38.812 L24,32.875 z" stroke-width="3"></path> <path aria-hidden="true" d="M11.64,42 L14.92,27.94 L4,18.48 L18.38,17.26 L24,4 L29.62,17.24 L44,18.48 L33.1,27.94 L36.36,42 L24,34.54 z" stroke="transparent" stroke-width="0"></path> <path aria-hidden="true" d="M11.64,42 L14.92,27.94 L4,18.48 L18.38,17.26 L24,4 L24,34.54 z" fill="currentColor" stroke="transparent" stroke-width="0"></path> </svg> </label> <input type="radio" name="review[stars]" id="stars_4" value="4" required="required" aria-hidden="true" /> <label data-behavior="submit.rating" for="stars_4"> <span class="a11y-atonly">4 stars</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" aria-hidden="true" class="rating__star" focusable="false"> <path aria-hidden="true" d="M13.875,38.875 L16.625,27.562 L7.688,19.688 L19.312,18.625 L24,7.75 L28.75,18.625 L40.375,19.688 L31.562,27.5 L34.062,38.812 L24,32.875 z" stroke-width="3"></path> <path aria-hidden="true" d="M11.64,42 L14.92,27.94 L4,18.48 L18.38,17.26 L24,4 L29.62,17.24 L44,18.48 L33.1,27.94 L36.36,42 L24,34.54 z" stroke="transparent" stroke-width="0"></path> <path aria-hidden="true" d="M11.64,42 L14.92,27.94 L4,18.48 L18.38,17.26 L24,4 L24,34.54 z" fill="currentColor" stroke="transparent" stroke-width="0"></path> </svg> </label> <input type="radio" name="review[stars]" id="stars_5" value="5" required="required" aria-hidden="true" /> <label data-behavior="submit.rating" for="stars_5"> <span class="a11y-atonly">5 stars</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" aria-hidden="true" class="rating__star" focusable="false"> <path aria-hidden="true" d="M13.875,38.875 L16.625,27.562 L7.688,19.688 L19.312,18.625 L24,7.75 L28.75,18.625 L40.375,19.688 L31.562,27.5 L34.062,38.812 L24,32.875 z" stroke-width="3"></path> <path aria-hidden="true" d="M11.64,42 L14.92,27.94 L4,18.48 L18.38,17.26 L24,4 L29.62,17.24 L44,18.48 L33.1,27.94 L36.36,42 L24,34.54 z" stroke="transparent" stroke-width="0"></path> <path aria-hidden="true" d="M11.64,42 L14.92,27.94 L4,18.48 L18.38,17.26 L24,4 L24,34.54 z" fill="currentColor" stroke="transparent" stroke-width="0"></path> </svg> </label> </fieldset> <input type="submit" name="commit" value="Submit" class="rating__submit" data-disable-with="Submit" /> </form> <span class="a11y-atonly">Average rating: 4.7</span> <span id="review_count" class="rating__count" aria-hidden="true">45</span> <span class="a11y-atonly">45 reviews </span> </div> </li> </ul> <ul class="activityheading__actions"> <li class="activityheading__actionsitem"> <button class="activityheading__actionsbtn hint--top" data-behavior="show.dialog" data-dialog-id="public-login-dialog" data-dialog-url="/student/authentication/public_modal" data-hint="Add Path to Favorites" data-object-name="add_to_favorites"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" aria-hidden="true" class="activityheading__icon" focusable="false"> <path aria-hidden="true" d="M24.664 9.984a5.78 5.78 0 0 0-7.66 1.09 5.78 5.78 0 0 0-7.66-1.09 5.47 5.47 0 0 0-2.34 4.28c-.13 3.88 3.3 7 8.55 11.76l.1.09a2 2 0 0 0 2.69 0l.11-.1c5.25-4.76 8.68-7.87 8.55-11.75a5.47 5.47 0 0 0-2.34-4.28zm-7.56 14.55l-.1.1-.1-.1c-4.9-4.47-8.13-7.37-7.9-10.37a3.43 3.43 0 0 1 .78-1.87 3.72 3.72 0 0 1 6 .43 1.36 1.36 0 0 0 1.13.62h.25a1.41 1.41 0 0 0 1.15-.65 3.7 3.7 0 0 1 6-.37 3.4 3.4 0 0 1 .69 1.87c.21 2.99-3 5.88-7.9 10.34z" fill="currentColor"></path> </svg> <span>Favorites</span> </button> </li> <li class="activityheading__actionsitem dropdown"> <button class="activityheading__actionsbtn dropdown__trigger hint--top" id="share-toggle" data-hint="Share Path" data-hide-hint-on-click="true" data-neeman-class="share-button" data-object-name="share_course" aria-controls="share-menu-content" aria-expanded="false" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" aria-hidden="true" class="activityheading__icon" focusable="false"> <path aria-hidden="true" d="M23 21.1c-.7 0-1.5.3-2 .8l-7.1-4.1c.1-.3.1-.6.1-.8 0-.2 0-.5-.1-.7l7.1-4.1c1.2 1.1 3.1 1 4.2-.2s1-3.1-.2-4.2-3.1-1-4.2.2c-.5.5-.8 1.2-.8 2 0 .2 0 .5.1.7L13 14.8c-1.2-1.1-3.1-1.1-4.2.1s-1.1 3.1.1 4.2c1.2 1.1 2.9 1.1 4.1 0l7.1 4.2c0 .3-.1.5-.1.7 0 1.6 1.3 2.9 2.9 2.9 1.6 0 2.9-1.3 2.9-2.9.1-1.6-1.2-2.9-2.8-2.9z" fill="currentColor"></path> </svg> <span>Share</span> </button> <div class="dropdown__content" id="share-menu-content" aria-labelledby="share-toggle" role="group"> <ul class="sharelinks sharelinks--activityheading"> <li class="sharelinks__item"> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fplayacademy.exceedlms.com%2Fstudent%2Fpath%2F234482&text=Design+for+all+users" class="sharelinks__link" data-object-name="share-twitter" data-object-title="Share on Twitter" onclick="trackLinkClick(this);window.open(this.href, 'share-twitter_window','left=20,top=20,width=600,height=300,toolbar=0,resizable=1'); return false;" aria-label="Share on Twitter (the form for sharing will open in a new window)" title="Share on Twitter"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 35" aria-hidden="true" class="sharelinks__icon" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M33.8 34.9c1.1 0 1.9-.9 1.9-1.9V1.9c0-1.1-.9-1.9-1.9-1.9H2.7C1.6 0 .8.9.8 1.9V33c0 1.1.9 1.9 1.9 1.9h31.1z"></path> <path d="M13.9 27.1c8.9 0 13.8-7.4 13.8-13.8v-.6c.9-.7 1.8-1.5 2.4-2.5-.9.4-1.8.6-2.8.8 1-.6 1.8-1.6 2.1-2.7-.9.6-2 1-3.1 1.2-.9-.9-2.1-1.5-3.5-1.5-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1-4-.2-7.6-2.1-10-5.1-.4.7-.7 1.6-.7 2.4 0 1.7.9 3.2 2.2 4-.8 0-1.5-.2-2.2-.6v.1c0 2.4 1.7 4.3 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 1.9 2.4 3.3 4.5 3.4-1.7 1.3-3.8 2.1-6 2.1-.4 0-.8 0-1.2-.1 2.3 1.2 4.8 2 7.6 2" fill="#FFF"></path> </g> </svg> </a> </li> <li class="sharelinks__item"> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fplayacademy.exceedlms.com%2Fstudent%2Fpath%2F234482" class="sharelinks__link" data-object-name="share-facebook" data-object-title="Share on Facebook" onclick="trackLinkClick(this);window.open(this.href, 'share-facebook_window','left=20,top=20,width=600,height=500,toolbar=0,resizable=1'); return false;" aria-label="Share on Facebook (the form for sharing will open in a new window)" title="Share on Facebook"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 35" aria-hidden="true" class="sharelinks__icon" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M33.3 34.9c1.1 0 1.9-.9 1.9-1.9V1.9c0-1.1-.9-1.9-1.9-1.9H2.2C1.1 0 .3.9.3 1.9V33c0 1.1.9 1.9 1.9 1.9h31.1z"></path> <path d="M24.4 34.9V21.3h4.5l.7-5.3h-5.2v-3.4c0-1.5.4-2.6 2.6-2.6h2.8V5.3c-.5-.1-2.1-.2-4.1-.2-4 0-6.8 2.5-6.8 7V16h-4.6v5.3h4.6v13.6h5.5z" fill="#FFF"></path> </g> </svg> </a> </li> <li class="sharelinks__item"> <a href="http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fplayacademy.exceedlms.com%2Fstudent%2Fpath%2F234482&title=Design+for+all+users" class="sharelinks__link" data-object-name="share-linkedin" data-object-title="Share on LinkedIn" onclick="trackLinkClick(this);window.open(this.href, 'share-linkedin_window','left=20,top=20,width=600,height=500,toolbar=0,resizable=1'); return false;" aria-label="Share on LinkedIn (the form for sharing will open in a new window)" title="Share on LinkedIn"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 35" aria-hidden="true" class="sharelinks__icon" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M33.8 34.9c1.1 0 1.9-.9 1.9-1.9V1.9c0-1.1-.9-1.9-1.9-1.9H2.7C1.6 0 .8.9.8 1.9V33c0 1.1.9 1.9 1.9 1.9h31.1z"></path> <path d="M5.9 13.1h5.2v16.7H5.9V13.1zm2.6-8.3c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.4-3 3-3zM14.4 13.1h5v2.3h.1c.7-1.3 2.4-2.7 4.9-2.7 5.3 0 6.2 3.5 6.2 8v9.2h-5.2v-8.1c0-1.9 0-4.4-2.7-4.4s-3.1 2.1-3.1 4.3V30h-5.2V13.1z" fill="#FFF"></path> </g> </svg> </a> </li> </ul> </div> </li> </ul> </div> </div> </header> <div class="course__contentcontainer" data-save-state-restore-el="true" dir="ltr"> <div class="course__content"> <div class="course__description postcontent"><iframe width="560" height="315" src="https://www.youtube.com/embed/07NUULjEJ5A" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <p>Users' expectations have grown since the early days of mobile apps. From privacy to user experience, developers need to make sure their apps not only work but work well. Learn how to optimize for onboarding, build accessible apps, and reduce app size to reach more users.</p> </div> <div class="course__quickstart"> <a class="double_click_protection quickstartbtn button button--primary button--large" data-activity-type="CourseEvolve" href="/student/path/234482/activity/345706"> Get Started <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" aria-hidden="true" class="button__icon" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M14.82,11.14 L13.75,12.2 L19.12,17.55 L13.85,22.8 L14.91,23.86 L21.25,17.54 L14.82,11.14 z"></path> </g> </svg> </a> </div> <div id="course_content" dir="ltr"> <section class="activitysection" data-section-id="286048"> <header> <button type="button" id="path-section-toggle-286048" class="activitysection__header activitysection__header--pathsection activitysection__header--toggle" data-behavior="toggle.collapsible" data-collapse-save-key="p_a_286048" data-collapse-target="path-section-content-286048" aria-owns="path-section-content-286048" aria-controls="path-section-content-286048" aria-expanded="true"> <h2 class="u-headingsection--activity activitysection__name"> Design for all users </h2> <span class="activitysection__toggle" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M18.6,16.4L12,9.8l-6.6,6.6L4,15l8-8l8,8L18.6,16.4z"></path> </g> </svg> </span> </button> </header> <div class="activitysection__content collapsible " id="path-section-content-286048" aria-labelledby="path-section-toggle-286048" > <ul class="activitysection__list courselist"> <li class="activitysection__item courselist__item" > <a class="double_click_protection" data-activity-type="CourseEvolve" href="/student/path/234482/activity/345706"> <div class="courselist__marker"> </div> <div class="courselist__itemcontent"> <h3 class="u-headingitem activitysection__itemname">Introduction to app accessibility</h3> <ul class="activitymeta activitymeta--inline"> <li class="activitymeta__item">5 m</li> </ul> </div> </a> </li> <li class="activitysection__item courselist__item" > <a class="double_click_protection" data-activity-type="CourseEvolve" href="/student/path/234482/activity/345707"> <div class="courselist__marker"> </div> <div class="courselist__itemcontent"> <h3 class="u-headingitem activitysection__itemname">Get started with Google Play policies</h3> <ul class="activitymeta activitymeta--inline"> <li class="activitymeta__item">8 m</li> </ul> </div> </a> </li> <li class="activitysection__item courselist__item" > <a class="double_click_protection" data-activity-type="CourseEvolve" href="/student/path/234482/activity/345708"> <div class="courselist__marker"> </div> <div class="courselist__itemcontent"> <h3 class="u-headingitem activitysection__itemname">Create a compelling first time user experience</h3> <ul class="activitymeta activitymeta--inline"> <li class="activitymeta__item">5 m</li> </ul> </div> </a> </li> <li class="activitysection__item courselist__item" > <a class="double_click_protection" data-activity-type="CourseEvolve" href="/student/path/234482/activity/345709"> <div class="courselist__marker"> </div> <div class="courselist__itemcontent"> <h3 class="u-headingitem activitysection__itemname">Reduce your app size with Android App Bundles</h3> <ul class="activitymeta activitymeta--inline"> <li class="activitymeta__item">9 m</li> </ul> </div> </a> </li> <li class="activitysection__item courselist__item" > <a class="double_click_protection" data-activity-type="CourseEvolve" href="/student/path/234482/activity/345710"> <div class="courselist__marker"> </div> <div class="courselist__itemcontent"> <h3 class="u-headingitem activitysection__itemname">App quality overview</h3> <ul class="activitymeta activitymeta--inline"> <li class="activitymeta__item">6 m</li> </ul> </div> </a> </li> <li class="activitysection__item courselist__item" > <a class="double_click_protection" data-activity-type="CourseEvolve" href="/student/path/234482/activity/345711"> <div class="courselist__marker"> </div> <div class="courselist__itemcontent"> <h3 class="u-headingitem activitysection__itemname">Build privacy-friendly apps</h3> <ul class="activitymeta activitymeta--inline"> <li class="activitymeta__item">13 m</li> </ul> </div> </a> </li> </ul> </div> </section> </div> <div class="course__actions"> </div> </div> </div> </article> </div> </div> <div class="dialog dialog--award" id="award-dialog" role="dialog" aria-hidden="true"> <div class="dialog__content award dialog__content--removedefaults" role="document"></div> </div> <div class="dialog dialog--publiclogin" id="public-login-dialog" role="dialog" aria-hidden="true"> <div class="dialog__content publiclogin " role="document"></div> </div> <div class="dialog " id="activity_reviews_dialog" role="dialog" aria-hidden="true" aria-describedby="activity_reviews_dialog-heading" data-reviews="true" data-summary-ratings-id="activity-rating-container" data-ignore-cache="true" > <div class="dialog__content "> <div class="dialog__header"> <h2 id="activity_reviews_dialog-heading" class="u-headingdialog dialog__heading"> Review </h2> </div> <div class="dialog__contentbody" data-dialog-content="true"> <span class="loading" role="img" aria-label="Content loading"> <svg id="loading" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 66"> <circle class="path" fill="none" stroke="#393b3d" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle> </svg> </span> </div> <button class="button dialog__close u-orgcolor--hovercolor" type="button" data-behavior="hide.dialog" aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" aria-hidden="true" class="btnicon" focusable="false"> <g aria-hidden="true" fill="currentColor"> <path d="M11.84,24.57 L24.57,11.84 L23.16,10.43 L10.43,23.16 z"></path> <path d="M10.43,11.84 L23.16,24.57 L24.57,23.16 L11.84,10.43 z"></path> </g> </svg> </button> </div> </div> <div class="dialog " id="scorm_window_warning" role="dialog" aria-hidden="true" aria-describedby="scorm_window_warning-heading" > <div class="dialog__content "> <div class="dialog__header"> <h2 id="scorm_window_warning-heading" class="u-headingdialog dialog__heading"> Warning: Closing this page may affect activity tracking! </h2> </div> <div class="dialog__contentbody" data-dialog-content="true"> <p>This page is used by your activity to communicate with the learning platform. Please be sure to close all activity windows before closing or navigating away from this page.</p> <p> <a class="button button--primary" onClick="location && location.reload && location.reload()" href="#">Return to activity</a> </p> <p>Did you arrive on this page without seeing a new activity window launch? You may have a pop-up blocker. <a target="_blank" rel="noopener noreferrer" class="link--primary" href="https://experience.exceedlms.com/student/page/594044">Check out pop-up blocker tips here.</a></p> </div> </div> </div> <exceed-modal-helper aria-live="polite"></exceed-modal-helper> </main> <script src="/assets/student/application-e9e18645acf73307e6a60fa5e0a2909d46b88cf2314f6f40e294843f6751690e.js"></script> <script type="text/javascript"> var debugScorm = false; var courseware_window; function setCmi(temp_cmi) { // Deep clone the object, so that it is not read only for the opener page. cmi = jQuery.extend(true, {}, temp_cmi) } </script> <script src="/assets/scorm_extensions-537aeb5060c365031d87b93a2495cc9a8efa862cd936df4e86ca180b86bca80a.js"></script> <script src="/assets/scorm12_api_interactions-53a3140884c191c9769ed490d5176c6503d43208a072c23f8f58915d8510325b.js"></script> <script type="text/javascript"> (function() { var isRefresh; var isParentClosing; var isClicked = false; function setPopupExitEvents(courseware_window) { var timeout = 20000, startTime = Date.now(), popupInterval; popupInterval = setInterval(function() { if ((courseware_window && courseware_window.location.pathname.indexOf("/resource_courses/") > -1) || Date.now() - startTime > timeout) { clearInterval(popupInterval); courseware_window.document.addEventListener('visibilitychange', function() { // fires when user switches tabs, apps, goes to homescreen, etc. if (courseware_window.document.visibilityState === 'hidden') { LMSCommit(); } }); courseware_window.addEventListener('unload', function() { finalLMSCommit(); refreshParentWindow(); }); $(courseware_window).on("keydown", disableF5); } }, 500); } function refreshParentWindow() { if (!isRefresh) { isRefresh = true; location && location.reload && location.reload(); } } function setCloseCoursewareIfParentRefreshes(courseware_window) { window.addEventListener('beforeunload', function() { isParentClosing = true; closeCoursewareWindow(courseware_window); }); } function closeCoursewareWindow(courseware_window) { try { courseware_window && courseware_window !== null && courseware_window.closed !== 1 && courseware_window.close(); } catch(e) { } } function disableF5(e) { if ((e.which || e.keyCode) == 116) e.preventDefault(); }; // Ensures that after the end of each ajax call // we schedule next request from the `SubmitQueue` $(document).ready(function() { $(document).ajaxStop(function() { submitNextInQueue(); }); }); $('.setup_show_enrollment').on('click', function (event) { isRefresh = false; if (isClicked) { return false; } isClicked = true; var path_id = $(this).data('path-id'); var curriculum_activity_id = $(this).data('curriculum-activity-id'); var enrollment_activity_id = $(this).data('enrollment-activity-id') || ""; var url = '/student/path/' + path_id + '/activity/' + curriculum_activity_id + "?activity_id=" + enrollment_activity_id + "&skip_interstitial=true"; courseware_window = window.open(url, '_blank'); setPopupExitEvents(courseware_window); event.stopPropagation(); event.preventDefault(); }); })(); </script> <footer id="page-footer" class="appfooter footer"> <div class="appfooter__content footer__content"> <div class="appfooter__item appfooter__customcontent footer__item footer__customcontent"> <a href="https://www.google.com/intl/en/policies/privacy/"> Google Privacy & Terms </a>, <a href="https://www.intellum.com/privacy-policy"> Intellum Privacy & Terms </a> </div> <div class="menulist menulist--footer appfooter__item appfooter__item--locale"> <div id="app-locale-label" class="menulist__title"> Locale: <span class="a11y-atonly">English selected</span> </div> <div class="menulist__wrapper"> <exceed-simple-select is-menu-only="true" trigger-content-selector="#app-locale-trigger span"> <button id="app-locale-trigger" class="menulist__trigger" type="button" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="app-locale-label"><span class="menulist__optionname">English</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" aria-hidden="true" class="menulist__triggericon" focusable="false"> <g fill="currentColor" aria-hidden="true"> <path d="M6,8.9c-0.1,0-0.3,0-0.4-0.1L2.1,5.3c-0.2-0.2-0.2-0.5,0.2,-0.7l6.8,0 c0.2,0,0.5,0,0.7,0.1s0.2,0.5,0,0.7L6.4,8.8C6.3,8.9,6.1,8.9,6,8.9z"></path> </g> </svg> </button> <ul id="app-locale-menu" class="menulist__listbox menulist__listbox--footer menulist__listbox--top" role="listbox" aria-labelledby="app-locale-label"> <li id="app-locale-menu-option-id" class="menulist__option" role="option" data-href="/student/path/234482?locale=id" aria-selected="false" tabindex="-1" > <span class="menulist__optionname">Bahasa Indonesia</span> </li> <li id="app-locale-menu-option-en" class="menulist__option" role="option" data-href="/student/path/234482?locale=en" aria-selected="true" tabindex="-1" > <span class="menulist__optionname">English</span> </li> <li id="app-locale-menu-option-es-419" class="menulist__option" role="option" data-href="/student/path/234482?locale=es-419" aria-selected="false" tabindex="-1" > <span class="menulist__optionname">Español (Latinoamérica)</span> </li> <li id="app-locale-menu-option-pt-BR" class="menulist__option" role="option" data-href="/student/path/234482?locale=pt-BR" aria-selected="false" tabindex="-1" > <span class="menulist__optionname">Português</span> </li> <li id="app-locale-menu-option-vi" class="menulist__option" role="option" data-href="/student/path/234482?locale=vi" aria-selected="false" tabindex="-1" > <span class="menulist__optionname">Tiếng Việt</span> </li> <li id="app-locale-menu-option-tr" class="menulist__option" role="option" data-href="/student/path/234482?locale=tr" aria-selected="false" tabindex="-1" > <span class="menulist__optionname">Türkçe</span> </li> <li id="app-locale-menu-option-ru" class="menulist__option" role="option" data-href="/student/path/234482?locale=ru" aria-selected="false" tabindex="-1" > <span class="menulist__optionname">русский</span> </li> <li id="app-locale-menu-option-ja" class="menulist__option" role="option" data-href="/student/path/234482?locale=ja" aria-selected="false" tabindex="-1" > <span class="menulist__optionname">日本語</span> </li> <li id="app-locale-menu-option-zh-CN" class="menulist__option" role="option" data-href="/student/path/234482?locale=zh-CN" aria-selected="false" tabindex="-1" > <span class="menulist__optionname">简体中文</span> </li> <li id="app-locale-menu-option-zh-TW" class="menulist__option" role="option" data-href="/student/path/234482?locale=zh-TW" aria-selected="false" tabindex="-1" > <span class="menulist__optionname">繁體中文 (台灣)</span> </li> <li id="app-locale-menu-option-ko" class="menulist__option" role="option" data-href="/student/path/234482?locale=ko" aria-selected="false" tabindex="-1" > <span class="menulist__optionname">한국어</span> </li> </ul> </exceed-simple-select> </div> </div> <p class="appfooter__item footer__item"> <a target="_blank" rel="noopener noreferrer" class="appfooter__link appfooter__link--poweredby" href="https://www.intellum.com/platform/powered-by-intellum/?utm_source=Google Play Academy&utm_medium=referral&utm_campaign=powered-by"> Powered by: <span class="appfooter__logo footer__logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 21" title="Intellum"> <g fill="currentColor"> <path class="st0" d="M8.8 13.9H7V7.1h1.8v6.8zM11.9 7.1h1.8l3.2 4.2V7.1h1.8v6.8H17l-3.2-4.2v4.2H12V7.1zM25 13.9h-1.8V8.6h-1.5V7.1h4.7v1.5H25v5.3zM31.6 8.6v1.1h2v1.5h-2v1.2h2.1v1.5h-3.9V7.1h3.9v1.5h-2.1zM39.3 12.4h2.1v1.5h-3.9V7.1h1.8v5.3zM46.5 12.4h2.1v1.5h-3.9V7.1h1.8v5.3zM57.1 7.1v3.8c0 .9 0 1.7-.7 2.4-.6.6-1.5.8-2.3.8-.8 0-1.7-.2-2.3-.8-.7-.7-.7-1.5-.7-2.4V7.1h1.8v3.6c0 .9.1 1.9 1.2 1.9 1.1 0 1.2-1 1.2-1.9V7.1h1.8zM60.6 7.1h1.7l1.4 3.6 1.5-3.6H67l1 6.8h-1.8l-.4-3.9-1.6 3.9h-.7L61.8 10l-.6 3.9h-1.8l1.2-6.8z"/> <g> <path d="M70.4 1.5h3.2v3.2L75 6.1v-6h-6zM73.6 8.6v10.9H1.4v-18h65.1L65.1.1H0v20.8h75V10z"/> </g> </g> </svg> </span> </a> </p> </div> </footer> <script> if( window.dataLayer) { i = dataLayer.findIndex(object => "user_id" in object) if ( i != undefined) { window.dataLayer[i] = {'user_logged_in': dataLayer[i].user_id ? true : false } } } function addToDataLayer(dataLayerObject = {}) { if (dataLayerObject !== undefined) { window.dataLayer.push(dataLayerObject); } } var pathCompletionDataLayerObject; var activityCompletionDataLayerObject; // Adds event to dataLayer when path is launched jQuery(".course__quickstart a[data-course-enrollment-id]").click(function() { var pathDataLayerObject = { 'event': 'pathEvent', 'eventCategory': 'path engagement', 'eventAction': $(this).text().trim(), 'eventLabel': 'Design for all users' } addToDataLayer(pathDataLayerObject); }); // Adds event to dataLayer when path is completed pathCompletionDataLayerObject = { 'event': 'pathEvent', 'eventCategory': 'path engagement', 'eventAction': 'Complete', 'eventLabel': 'Design for all users' } //listens for course completion event and updates data layer window.addEventListener("course.complete", function() { addToDataLayer(activityCompletionDataLayerObject); window.setTimeout(function() { dispatchEvent(new CustomEvent('check.if.path.complete')); }, 2000); }); //listens for path completion event and updates data layer window.addEventListener("path.complete", function() { addToDataLayer(pathCompletionDataLayerObject); }); //listens for "check if path complete" event and kicks off subsequent custom event if so window.addEventListener("check.if.path.complete", function() { }); // fire event to add to data layer if path was recently completed window.setTimeout(function() { dispatchEvent(new CustomEvent('check.if.path.complete')); }, 2000); // Adds event to dataLayer when the Terms of Service are accepted jQuery('#new_terms_of_service_acceptance input[type="submit"]').click(function() { if ($('#terms_accepted').is(":checked")) { var tosDataLayerObject = { 'event': 'signupEvent', 'eventCategory': 'signup steps', 'eventAction': 'Accept terms', 'eventLabel': 'Step 1: Accept Terms' } addToDataLayer(tosDataLayerObject); } }); // Adds event to dataLayer when a country is selected and submitted on the country widget if ($('body').data()["action"] == "select_country" && $('body').data()["controller"] == "play") { jQuery(".widgetrow--actions .button").click(function() { if ($('#user_country').val() != "") { var countryDataLayerObject = { 'event': 'signupEvent', 'eventCategory': 'signup steps', 'eventAction': 'Complete Signup', 'eventLabel': 'Step 2 : Select Country' } addToDataLayer(countryDataLayerObject); } }); } </script> <script src="/assets/jstz.min-fcb43ceef2681fdde16ae58668f93e72a24aa8399bc3838acf51ccabb3f3e24c.js"></script> <script type="text/javascript"> var tz = jstz.determine(); document.cookie = "jstztimezone=" + tz.name(); </script> <script src="/vite/assets/components-c26d3595.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="/vite/assets/exceed-searchable-select-710be208.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="/vite/assets/index-4b84654f.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="/vite/assets/initMarkdownEditor-711d5529.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="/vite/assets/index-62a7a937.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="/vite/assets/centrifugo-dd29121e.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="/vite/assets/index-fb7c5e9b.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="/vite/assets/_commonjsHelpers-de833af9.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="/vite/assets/jsx-runtime-38cf41f1.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="/vite/assets/index-d7bd9d42.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="/vite/assets/index-42c33c00.js" as="script" crossorigin="anonymous"> </body></html>