<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252">
<style type="text/css" style="display:none;"><!-- P {margin-top:0;margin-bottom:0;} --></style>
</head>
<body dir="ltr">
<div id="divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri,Helvetica,sans-serif;" dir="ltr">
<br>
<p style="margin-top:0;margin-bottom:0">Hi Chris,</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">Yes, there are a lot of great interactive options. Hopefully others on the list will chime in on this topic, my feeling is the goal is universal design where one module can be used by all without having to have two versions.
<br>
</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">Our institution is undergoing a remediation project in which modules developed in Storyline 2 are being upgraded via Storyline 3 to make them accessible. There are two modules that heavily utilize the drag and drop functionality.
Project stake holders and users love this, so in order to make the module accessible, we developed a separate track that can be used solely via the keyboard. The user is prompted which version they would like to experience when the module first loads.</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">While doing this keeps the drag and drop functionality, it also doubles the work as you are basically developing a second version of the module. If this is a training module that will be updated frequently you'd have
to consider if the extra development time and quality assurance testing is worth it.
<br>
</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">-Eric</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
</div>
<hr style="display:inline-block;width:98%" tabindex="-1">
<div id="divRplyFwdMsg" dir="ltr"><font face="Calibri, sans-serif" style="font-size:11pt" color="#000000"><b>From:</b> athen-list <athen-list-bounces@mailman13.u.washington.edu> on behalf of Christine Robinson <crobinson@ggc.edu><br>
<b>Sent:</b> Monday, February 26, 2018 12:34:02 PM<br>
<b>To:</b> Access Technology Higher Education Network<br>
<b>Subject:</b> Re: [Athen] Articulate 360 and accessibility</font>
<div> </div>
</div>
<style>
<!--
@font-face
{font-family:Wingdings}
@font-face
{font-family:"Cambria Math"}
@font-face
{font-family:"Calibri Light"}
@font-face
{font-family:Calibri}
@font-face
{font-family:"Open Sans"}
p.x_MsoNormal, li.x_MsoNormal, div.x_MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman",serif}
a:x_link, span.x_MsoHyperlink
{color:blue;
text-decoration:underline}
a:x_visited, span.x_MsoHyperlinkFollowed
{color:purple;
text-decoration:underline}
p
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman",serif}
p.x_MsoListParagraph, li.x_MsoListParagraph, div.x_MsoListParagraph
{margin-top:0in;
margin-right:0in;
margin-bottom:0in;
margin-left:.5in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman",serif}
p.x_msonormal0, li.x_msonormal0, div.x_msonormal0
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman",serif}
p.x_xmsonormal, li.x_xmsonormal, div.x_xmsonormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman",serif}
span.x_EmailStyle20
{font-family:"Calibri Light",sans-serif;
color:black;
font-weight:normal;
font-style:normal}
.x_MsoChpDefault
{font-size:10.0pt}
@page WordSection1
{margin:1.0in 1.0in 1.0in 1.0in}
div.x_WordSection1
{}
ol
{margin-bottom:0in}
ul
{margin-bottom:0in}
-->
</style>
<div lang="EN-US" link="blue" vlink="purple">
<div class="x_WordSection1">
<p class="x_MsoNormal" style="line-height:105%"><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black">Hi Eric –</span></p>
<p class="x_MsoNormal" style="line-height:105%"><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black"> </span></p>
<p class="x_MsoNormal" style="line-height:105%"><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black">Thanks for your input. Yes, Articulate 360 is a suite of apps and online tools, available by subscription, whereas
Storyline 3 is a standalone desktop app with more limited access to some online resources.</span></p>
<p class="x_MsoNormal" style="line-height:105%"><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black"> </span></p>
<p class="x_MsoNormal" style="line-height:105%"><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black">Many of the features in Articulate 360 are so good for building in interactivity, I’m really disappointed that
it isn’t farther along in accessibility features.</span></p>
<p class="x_MsoNormal" style="line-height:105%"><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black"> </span></p>
<p class="x_MsoNormal" style="line-height:105%"><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black">So now I’m wondering: is it a terrible idea to make two versions of my training module?</span></p>
<p class="x_MsoListParagraph" style="text-indent:-.25in; line-height:105%"><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black"><span style="">1.<span style="font:7.0pt "Times New Roman"">
</span></span></span><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black">A text-only version that includes all the learning content from my script, and includes headings, emphasis styles, etc. for my trainees with
visual disabilities</span></p>
<p class="x_MsoListParagraph" style="text-indent:-.25in; line-height:105%"><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black"><span style="">2.<span style="font:7.0pt "Times New Roman"">
</span></span></span><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black">A second version authored in Articulate, for trainees with unimpaired vision</span></p>
<p class="x_MsoNormal" style="line-height:105%"><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black"> </span></p>
<p class="x_MsoNormal" style="line-height:105%"><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black">I have to admit, I really like the interactivity tools this software provides, and would love to use those features
with my learners who would be able to benefit from it, while still giving the best user experience possible to those with visual impairment.</span></p>
<p class="x_MsoNormal" style="line-height:105%"><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black"> </span></p>
<p class="x_MsoNormal" style="line-height:105%"><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black">Best,</span></p>
<p class="x_MsoNormal" style="line-height:105%"><span style="font-size:10.0pt; line-height:105%; font-family:"Open Sans",sans-serif; color:black">Chris</span></p>
<p class="x_MsoNormal"><span style="font-size:10.0pt; font-family:"Open Sans",sans-serif; color:black"> </span></p>
<p class="x_MsoNormal"><span style="font-size:10.0pt; font-family:"Open Sans",sans-serif; color:black"> </span></p>
<div>
<p class="x_MsoNormal"><b><span style="font-size:11.0pt; font-family:"Calibri Light",sans-serif; color:#007048">Christine Robinson</span></b><span style="font-size:11.0pt; font-family:"Calibri Light",sans-serif; color:#007048">
</span><span style="font-size:11.0pt; font-family:"Calibri Light",sans-serif; color:black">|
</span><span style="font-size:11.0pt; font-family:"Calibri Light",sans-serif; color:black">Technical Trainer/Writer | Center for Teaching Excellence</span></p>
<p class="x_MsoNormal"><b><span style="font-size:11.0pt; font-family:"Calibri Light",sans-serif; color:#007048">Georgia Gwinnett College</span></b><span style="font-size:11.0pt; font-family:"Calibri Light",sans-serif; color:black"> | 1000 University Center
Lane | Lawrenceville, GA 30043</span><span style="font-size:11.0pt; font-family:"Calibri Light",sans-serif; color:black"></span></p>
</div>
<p class="x_MsoNormal"><span style="font-size:11.0pt; font-family:"Calibri Light",sans-serif; color:black"> </span></p>
<div>
<div style="border:none; border-top:solid #E1E1E1 1.0pt; padding:3.0pt 0in 0in 0in">
<p class="x_MsoNormal"><b><span style="font-size:11.0pt; font-family:"Calibri",sans-serif">From:</span></b><span style="font-size:11.0pt; font-family:"Calibri",sans-serif"> athen-list [mailto:athen-list-bounces@mailman13.u.washington.edu]
<b>On Behalf Of </b>Kowalik, Eric<br>
<b>Sent:</b> Monday, February 26, 2018 12:15 PM<br>
<b>To:</b> Access Technology Higher Education Network <athen-list@u.washington.edu>; The EDUCAUSE IT Accessibility Constituent Group Listserv <ITACCESS@LISTSERV.EDUCAUSE.EDU><br>
<b>Subject:</b> Re: [Athen] Articulate 360 and accessibility</span></p>
</div>
</div>
<div id="x_divtagdefaultwrapper">
<div>
<p class="x_MsoNormal" style="margin-bottom:12.0pt"><span style="font-family:"Calibri",sans-serif; color:black"><br>
Hi Chris,<br>
<br>
I use Storyline 3 quite a bit and I agree, it is a great product. From my understanding Storyline 3 is similar to Storyline 360 with one difference being Storyline 3 you can buy via a one time fee wheras Storyline 360 is a subscription based service.
<br>
<br>
Below are some accessibility related things I've learned while using the product:</span></p>
<ul type="disc">
<li class="x_MsoNormal" style="color:black; margin-bottom:12.0pt"><span style="font-family:"Calibri",sans-serif">Interactive features such as drag and drop and hotspots are NOT accessible and Articulate is pretty up front about what is accessible and what is
not you can check ou this page for more information - <a href="https://urldefense.proofpoint.com/v2/url?u=https-3A__articulate.com_support_article_Articulate-2D360-2DFAQs-2DAccessibility&d=DwMFAg&c=S1d2Gs1Y1NQV8Lx35_Qi5FnTH2uYWyh_OhOS94IqYCo&r=sGFDXSz1Ya8ct2HwpfBa20VkxD1Snx3Iea8CruoKKZ4&m=3t4STkBB383vcR1CassPD6b5dRwAtlgXwmMAutBLZdI&s=ol1W9Imz-ebinDmIcf2PHDccsBp-19qKi8RrQyZfOhA&e=">
https://articulate.com/support/article/Articulate-360-FAQs-Accessibility</a></span></li><li class="x_MsoNormal" style="color:black; margin-bottom:12.0pt"><span style="font-family:"Calibri",sans-serif">If you include a link in a text box, the screen reader isn't able to get to the link to open it. A work around is to create a transparent box that
links to your link and place this over the link location in the text box.</span></li><li class="x_MsoNormal" style="color:black; margin-bottom:12.0pt"><span style="font-family:"Calibri",sans-serif">I've found in testing their quiz drop down menus that NVDA does not read the contents of the drop down menus.</span></li><li class="x_MsoNormal" style="color:black; margin-bottom:12.0pt"><span style="font-family:"Calibri",sans-serif">If you include iFrame content, for example a YouTube video, there isn't a way to access the YouTube video player and its controls, for example turning
on CC, fast forwarding, etc. A clunky work around removing the iFrame from the screen reader and creating a transparent shape that when clicked will open a new window with the video.
</span></li><li class="x_MsoNormal" style="color:black"><span style="font-family:"Calibri",sans-serif">JAWS is their screen reader of choice, if it works in JAWS and not in another screen reader, such as NVDA or Voiceover they have not been particularly helpful trying
to troubleshoot the problem.</span></li></ul>
<p class="x_MsoNormal"><span style="font-family:"Calibri",sans-serif; color:black"><br>
While there are certain accessibility issues with the latest Storyline, it has come a long way in regards to accessibility from Storyline and Storyline 2 and the HTML 5 out put is much better, allowing you to move on from Flash.
<br>
<br>
A few other notes: </span></p>
<ul type="disc">
<li class="x_MsoNormal" style="color:black; margin-bottom:12.0pt"><span style="font-family:"Calibri",sans-serif">You mentioned the ability to elect whether a graphic object is visible to accessibility tools which is great. You also have the ability to edit
the tab order which is also very helpful as sometimes items don't tab in a logical order, so having the ability to remedy that is great.
</span></li><li class="x_MsoNormal" style="color:black"><span style="font-family:"Calibri",sans-serif">The Storyline user community is very active and helpful, I often find a lot of great ideas and suggested work arounds for some of the accessibility issues by checking
out their community forums - <a href="https://urldefense.proofpoint.com/v2/url?u=https-3A__community.articulate.com_discuss&d=DwMFAg&c=S1d2Gs1Y1NQV8Lx35_Qi5FnTH2uYWyh_OhOS94IqYCo&r=sGFDXSz1Ya8ct2HwpfBa20VkxD1Snx3Iea8CruoKKZ4&m=3t4STkBB383vcR1CassPD6b5dRwAtlgXwmMAutBLZdI&s=JrFwbGOo0b3mza5uGeCbHwTq_flpxvZkIeSgDovc9ic&e=">
https://community.articulate.com/discuss</a></span></li></ul>
<p class="x_MsoNormal"><span style="font-family:"Calibri",sans-serif; color:black">-Eric</span></p>
</div>
<p class="x_MsoNormal" style="margin-bottom:12.0pt"><span style="font-family:"Calibri",sans-serif; color:black"> </span></p>
<div>
<div class="x_MsoNormal" align="center" style="text-align:center"><span style="font-family:"Calibri",sans-serif; color:black">
<hr size="2" width="98%" align="center">
</span></div>
<div id="x_divRplyFwdMsg">
<p class="x_MsoNormal"><b><span style="font-size:11.0pt; font-family:"Calibri",sans-serif; color:black">From:</span></b><span style="font-size:11.0pt; font-family:"Calibri",sans-serif; color:black"> athen-list <<a href="mailto:athen-list-bounces@mailman13.u.washington.edu">athen-list-bounces@mailman13.u.washington.edu</a>>
on behalf of Christine Robinson <<a href="mailto:crobinson@ggc.edu">crobinson@ggc.edu</a>><br>
<b>Sent:</b> Monday, February 26, 2018 8:30 AM<br>
<b>To:</b> Access Technology Higher Education Network; The EDUCAUSE IT Accessibility Constituent Group Listserv<br>
<b>Subject:</b> [Athen] Articulate 360 and accessibility</span><span style="font-family:"Calibri",sans-serif; color:black">
</span></p>
<div>
<p class="x_MsoNormal"><span style="font-family:"Calibri",sans-serif; color:black"> </span></p>
</div>
</div>
<div>
<div>
<p class="x_xmsonormal"><span style="font-family:"Calibri",sans-serif; color:black">Hi all –</span></p>
<p class="x_xmsonormal"><span style="font-family:"Calibri",sans-serif; color:black">Can anyone out there give me information about the accessibility features of the authoring tool, Articulate 360?</span></p>
<p class="x_xmsonormal"><span style="font-family:"Calibri",sans-serif; color:black">I’ve been playing around with one of the apps, Storyline 360, and so far I like its features for adding interactivity to training modules. However, I’m concerned about the degree
to which published content would be accessible. </span></p>
<p class="x_xmsonormal"><span style="font-family:"Calibri",sans-serif; color:black">I see that Storyline 360 has some accessibility features built in, such as the ability to add alt text for graphics, and also the ability to elect whether a graphic object is
visible to accessibility tools. The latter seems like a great feature, to keep screen readers from bothering about images that are purely decorative.</span></p>
<p class="x_xmsonormal"><span style="font-family:"Calibri",sans-serif; color:black">However, particularly with some of Storyline’s “Interactive Objects” like buttons, sliders, and hotspots, I wonder how navigable these are for screen readers.</span></p>
<p class="x_xmsonormal"><span style="font-family:"Calibri",sans-serif; color:black">If you have experience using the Articulate 360 suite, please share! I like this software’s features but I don’t want to publish with it unless it’s accessible.</span></p>
<p class="x_xmsonormal"><span style="font-family:"Calibri",sans-serif; color:black">Many thanks,</span></p>
<p class="x_xmsonormal"><span style="font-family:"Calibri",sans-serif; color:black">Chris</span></p>
<p class="x_xmsonormal"><b><span style="font-family:"Calibri",sans-serif; color:#007048">Christine Robinson</span></b><span style="font-family:"Calibri",sans-serif; color:#007048">
</span><span style="font-family:"Calibri",sans-serif; color:black">| Technical Trainer/Writer | Center for Teaching Excellence</span></p>
<p class="x_xmsonormal"><b><span style="font-family:"Calibri",sans-serif; color:#007048">Georgia Gwinnett College</span></b><span style="font-family:"Calibri",sans-serif; color:black"> | 1000 University Center Lane | Lawrenceville, GA 30043</span></p>
<p class="x_xmsonormal"><span style="font-family:"Calibri",sans-serif; color:black"> </span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>