{"id":4741,"date":"2021-10-26T07:00:04","date_gmt":"2021-10-26T07:00:04","guid":{"rendered":"http:\/\/localhost:10054\/?p=4741"},"modified":"2024-03-22T19:35:53","modified_gmt":"2024-03-22T19:35:53","slug":"articulate-rise-accessibility-workarounds","status":"publish","type":"post","link":"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/","title":{"rendered":"7 Workarounds to Make Components in Rise Accessible"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Articulate (and by extension Rise) is turning its attention towards accessibility. And we couldn\u2019t be happier! So, we\u2019ve put together an <\/span><a href=\"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">up to date list of accessible components in Rise<\/span><\/a><span style=\"font-weight: 400;\">, but that\u2019s not all. Our team has also come up with some helpful tips and tricks so that you can make sure your courses are as accessible as possible! Check out our 7 workarounds below and get started creating more accessible courses for your learners.\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Designing with accessibility in mind<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">When creating accessible courses, two key considerations are keyboard and screen reader accessibility. But those aren\u2019t the only things you\u2019ll want to keep in mind. Things like background color, text color, text size, and more can all make courses less accessible for some users. In order to mitigate these potential barriers, our team created the list below. Here are some things to keep in mind when designing for accessibility.\u00a0<\/span><\/p>\n<h3><b>1. Tab title text<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Unfortunately, Rise doesn\u2019t allow you to adjust the size of the text that designates the title of each tab, which means that the text may not be easy to see and\/or read for all users. In order to workaround the small text size, we recommend including information about what the tab is about in the title <\/span><i><span style=\"font-weight: 400;\">and<\/span><\/i><span style=\"font-weight: 400;\"> in the content. Basically, we suggest repeating the tab title text within the first sentence of the tab\u2019s content text, so users know exactly what the tab is about whether they can read the title or not.\u00a0<\/span><\/p>\n<h3><b>2. Navigating interactive components<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Similarly, components like tabs, accordions, and hotspots can pose accessibility challenges for some users. So, it can be helpful if you utilize the text introducing the interactive component to clearly indicate the number of tabs, hotspots, etc. there are as well as what the content is. For example, you may want to lead into your tabs section by saying something like, \u201cSelect the three tabs below to read more about virtual learning, hybrid learning, and in-person learning.\u201d Your tabs would then be these three topics in that order. This will allow users to more easily understand how many options to expect and what they will be about so they can better navigate through them. This is also true for carousels, however, they are not currently screen reader and keyboard accessible.\u00a0<\/span><\/p>\n<h3><b>3. Labeling buttons\u00a0<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Rise also limits the number of characters on buttons. This means that you will need to be purposeful with your labels in order to ensure that users understand what your buttons do. Essentially, the labeling text should clearly indicate, in as few characters as possible, where the button will take the user when they select it.\u00a0\u00a0<\/span><\/p>\n<h3><b>4. Hotspot marker colors<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Remember to consider your background color when selecting hotspot marker colors. For example, you don\u2019t want to select white hotspots on an already very light colored background, as they won\u2019t stand out enough. We recommend thinking about creating contrast with your hotspots when selecting your colors so that your users can more easily see your hotspots and learn from them.<\/span><\/p>\n<div class='featured-cta'>\n<div class='imageblock' style='background-image:url(https:\/\/maestrolearning.com\/wp-content\/uploads\/2024\/04\/mighty-feature-1-scaled.jpg);'><div class='aspect-ratio'><\/div><\/div>\n<div class='featured-content'>\n<h5>Designing in Rise just got better<\/h5>\n<p><span data-sheets-root=\"1\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Are you a learning designer who wants to do even more in Articulate Rise? Do you lead a team of innovative learning creators eager to explore new tools? Do you want to push your course design further? Meet Mighty, a powerful little Google Chrome extension that gives you access to exclusive features and functionality to improve your course design in Articulate Rise. &quot;}\" data-sheets-userformat=\"{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;:0}\">Are you a learning designer who wants to do even more in Articulate Rise? Do you lead a team of innovative learning creators eager to explore new tools? Do you want to push your course design further? Meet Mighty, a powerful little Google Chrome extension that gives you access to exclusive features and functionality to improve your course design in Articulate Rise. <\/span><\/p>\n\n<a href='https:\/\/maestrolearning.com\/mighty\/' class='button' style='background-color:transparent;'>Learn more + sign up<i>\u2192<\/i><\/a>\n<\/div>\n<\/div>\n<h3><b>5. Theme color<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Though you may want your theme color to match your brand, keep accessibility in mind. When selecting your theme color, remember to select colors that are readable on different backgrounds.\u00a0<\/span><\/p>\n<h3><b>6. Hyperlinks<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Similarly, theme color can affect the readability for hyperlinks, so we recommend considering hyperlinks when selecting your theme\/background colors. Because hyperlinks default to the theme color, some background colors make them difficult to see and read. Additionally, long hyperlinks can also be hard to read, so we recommend keeping your hyperlinks to one word or a concise phrase. That being said, if theme color legibility is a concern, the word or phrase doesn\u2019t have to be the name of the place that the link takes users to\u2014especially if the name of that destination is long. For example, you could say something like \u201cYou can find the PDF of safety guidelines recommended by the Michigan Department of Health and Human Services here,\u201d and \u201chere\u201d is the hyperlink.\u00a0<\/span><\/p>\n<h3><b>7. Text within images<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">When designing for accessibility, avoid including text in images. Though it may be visually appealing to have a bit of descriptive text in an image, screen readers will not be able to read any text that is within an image. As such, we recommend finding other ways to make your course visually engaging (we are more than happy to help you with this!) and suggest you avoid putting any text in an image.\u00a0<\/span><\/p>\n<h2><b>Moving forward<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Articulate has come a long way in its accessibility mission, but not everything within Rise meets accessibility standards yet. That\u2019s where these workarounds come in! It\u2019s on all of us to help create more equitable, accessible learning opportunities for our users. And when you need help creating courses with accessibility in mind, contact Maestro, even if it\u2019s just to ask a question. We\u2019re happy to figure it out together.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Articulate (and by extension Rise) is turning its attention towards accessibility. And we couldn\u2019t be happier! So, we\u2019ve put together an up to date list of accessible components in Rise, but that\u2019s not all. Our team has also come up with some helpful tips and tricks so that you can make sure your courses are [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":4718,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3869],"tags":[],"role":[3891,3893],"class_list":["post-4741","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learning-experience-design","role-instructional-designer","role-visual-designer"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>7 Workarounds to Make Components in Rise Accessible | Maestro<\/title>\n<meta name=\"description\" content=\"Rise has become more accessible, but it\u2019s not perfect. Check out our workarounds to help you make your courses better designed for all users!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 Workarounds to Make Components in Rise Accessible | Maestro\" \/>\n<meta property=\"og:description\" content=\"Rise has become more accessible, but it\u2019s not perfect. Check out our workarounds to help you make your courses better designed for all users!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/\" \/>\n<meta property=\"og:site_name\" content=\"Maestro\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MeetMaestro\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-26T07:00:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-22T19:35:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/maestrolearning.com\/wp-content\/uploads\/2021\/10\/Blog-Website-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1120\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"sydney\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TeamMaestro\" \/>\n<meta name=\"twitter:site\" content=\"@TeamMaestro\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"sydney\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/articulate-rise-accessibility-workarounds\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/articulate-rise-accessibility-workarounds\\\/\"},\"author\":{\"name\":\"sydney\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/#\\\/schema\\\/person\\\/0de3119b02389ace8540fa89b8ec522c\"},\"headline\":\"7 Workarounds to Make Components in Rise Accessible\",\"datePublished\":\"2021-10-26T07:00:04+00:00\",\"dateModified\":\"2024-03-22T19:35:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/articulate-rise-accessibility-workarounds\\\/\"},\"wordCount\":831,\"image\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/articulate-rise-accessibility-workarounds\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/maestrolearning.com\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/Blog-Website-scaled.jpg\",\"articleSection\":[\"Learning-experience design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/articulate-rise-accessibility-workarounds\\\/\",\"url\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/articulate-rise-accessibility-workarounds\\\/\",\"name\":\"7 Workarounds to Make Components in Rise Accessible | Maestro\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/articulate-rise-accessibility-workarounds\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/articulate-rise-accessibility-workarounds\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/maestrolearning.com\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/Blog-Website-scaled.jpg\",\"datePublished\":\"2021-10-26T07:00:04+00:00\",\"dateModified\":\"2024-03-22T19:35:53+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/#\\\/schema\\\/person\\\/0de3119b02389ace8540fa89b8ec522c\"},\"description\":\"Rise has become more accessible, but it\u2019s not perfect. Check out our workarounds to help you make your courses better designed for all users!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/articulate-rise-accessibility-workarounds\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/articulate-rise-accessibility-workarounds\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/articulate-rise-accessibility-workarounds\\\/#primaryimage\",\"url\":\"https:\\\/\\\/maestrolearning.com\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/Blog-Website-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/maestrolearning.com\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/Blog-Website-scaled.jpg\",\"width\":1920,\"height\":1120,\"caption\":\"Abstract collage of rectangles that make up a face\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/articulate-rise-accessibility-workarounds\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/maestrolearning.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"7 Workarounds to Make Components in Rise Accessible\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/#website\",\"url\":\"https:\\\/\\\/maestrolearning.com\\\/\",\"name\":\"Maestro\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/maestrolearning.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/#\\\/schema\\\/person\\\/0de3119b02389ace8540fa89b8ec522c\",\"name\":\"sydney\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"7 Workarounds to Make Components in Rise Accessible | Maestro","description":"Rise has become more accessible, but it\u2019s not perfect. Check out our workarounds to help you make your courses better designed for all users!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/","og_locale":"en_US","og_type":"article","og_title":"7 Workarounds to Make Components in Rise Accessible | Maestro","og_description":"Rise has become more accessible, but it\u2019s not perfect. Check out our workarounds to help you make your courses better designed for all users!","og_url":"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/","og_site_name":"Maestro","article_publisher":"https:\/\/www.facebook.com\/MeetMaestro\/","article_published_time":"2021-10-26T07:00:04+00:00","article_modified_time":"2024-03-22T19:35:53+00:00","og_image":[{"width":1920,"height":1120,"url":"https:\/\/maestrolearning.com\/wp-content\/uploads\/2021\/10\/Blog-Website-scaled.jpg","type":"image\/jpeg"}],"author":"sydney","twitter_card":"summary_large_image","twitter_creator":"@TeamMaestro","twitter_site":"@TeamMaestro","twitter_misc":{"Written by":"sydney","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/#article","isPartOf":{"@id":"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/"},"author":{"name":"sydney","@id":"https:\/\/maestrolearning.com\/#\/schema\/person\/0de3119b02389ace8540fa89b8ec522c"},"headline":"7 Workarounds to Make Components in Rise Accessible","datePublished":"2021-10-26T07:00:04+00:00","dateModified":"2024-03-22T19:35:53+00:00","mainEntityOfPage":{"@id":"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/"},"wordCount":831,"image":{"@id":"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/#primaryimage"},"thumbnailUrl":"https:\/\/maestrolearning.com\/wp-content\/uploads\/2021\/10\/Blog-Website-scaled.jpg","articleSection":["Learning-experience design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/","url":"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/","name":"7 Workarounds to Make Components in Rise Accessible | Maestro","isPartOf":{"@id":"https:\/\/maestrolearning.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/#primaryimage"},"image":{"@id":"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/#primaryimage"},"thumbnailUrl":"https:\/\/maestrolearning.com\/wp-content\/uploads\/2021\/10\/Blog-Website-scaled.jpg","datePublished":"2021-10-26T07:00:04+00:00","dateModified":"2024-03-22T19:35:53+00:00","author":{"@id":"https:\/\/maestrolearning.com\/#\/schema\/person\/0de3119b02389ace8540fa89b8ec522c"},"description":"Rise has become more accessible, but it\u2019s not perfect. Check out our workarounds to help you make your courses better designed for all users!","breadcrumb":{"@id":"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/#primaryimage","url":"https:\/\/maestrolearning.com\/wp-content\/uploads\/2021\/10\/Blog-Website-scaled.jpg","contentUrl":"https:\/\/maestrolearning.com\/wp-content\/uploads\/2021\/10\/Blog-Website-scaled.jpg","width":1920,"height":1120,"caption":"Abstract collage of rectangles that make up a face"},{"@type":"BreadcrumbList","@id":"https:\/\/maestrolearning.com\/blogs\/articulate-rise-accessibility-workarounds\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/maestrolearning.com\/"},{"@type":"ListItem","position":2,"name":"7 Workarounds to Make Components in Rise Accessible"}]},{"@type":"WebSite","@id":"https:\/\/maestrolearning.com\/#website","url":"https:\/\/maestrolearning.com\/","name":"Maestro","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/maestrolearning.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/maestrolearning.com\/#\/schema\/person\/0de3119b02389ace8540fa89b8ec522c","name":"sydney"}]}},"_links":{"self":[{"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/posts\/4741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/comments?post=4741"}],"version-history":[{"count":0,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/posts\/4741\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/media\/4718"}],"wp:attachment":[{"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/media?parent=4741"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/categories?post=4741"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/tags?post=4741"},{"taxonomy":"role","embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/role?post=4741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}