<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><style><!--
/* Font Definitions */
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:"Calibri Light";
panose-1:2 15 3 2 2 2 4 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:"Open Sans";
panose-1:2 11 6 6 3 5 4 2 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman",serif;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p
{mso-style-priority:99;
margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman",serif;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{mso-style-priority:34;
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.msonormal0, li.msonormal0, div.msonormal0
{mso-style-name:msonormal;
margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman",serif;}
p.xmsonormal, li.xmsonormal, div.xmsonormal
{mso-style-name:x_msonormal;
margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman",serif;}
span.EmailStyle20
{mso-style-type:personal-reply;
font-family:"Calibri Light",sans-serif;
color:black;
font-weight:normal;
font-style:normal;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
/* List Definitions */
@list l0
{mso-list-id:3941045;
mso-list-type:hybrid;
mso-list-template-ids:1131450088 67698703 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l0:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level2
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level3
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l0:level4
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level5
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level6
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l0:level7
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level8
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level9
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l1
{mso-list-id:622611101;
mso-list-template-ids:1308523908;}
@list l1:level1
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l1:level2
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:1.0in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:"Courier New";
mso-bidi-font-family:"Times New Roman";}
@list l1:level3
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:1.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Wingdings;}
@list l1:level4
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:2.0in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Wingdings;}
@list l1:level5
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:2.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Wingdings;}
@list l1:level6
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:3.0in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Wingdings;}
@list l1:level7
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:3.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Wingdings;}
@list l1:level8
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:4.0in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Wingdings;}
@list l1:level9
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:4.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Wingdings;}
@list l2
{mso-list-id:721366695;
mso-list-template-ids:-231839296;}
@list l2:level1
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l2:level2
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:1.0in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:"Courier New";
mso-bidi-font-family:"Times New Roman";}
@list l2:level3
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:1.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Wingdings;}
@list l2:level4
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:2.0in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Wingdings;}
@list l2:level5
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:2.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Wingdings;}
@list l2:level6
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:3.0in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Wingdings;}
@list l2:level7
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:3.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Wingdings;}
@list l2:level8
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:4.0in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Wingdings;}
@list l2:level9
{mso-level-number-format:bullet;
mso-level-text:\F0A7;
mso-level-tab-stop:4.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Wingdings;}
ol
{margin-bottom:0in;}
ul
{margin-bottom:0in;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="EN-US" link="blue" vlink="purple">
<div class="WordSection1">
<p class="MsoNormal" style="line-height:105%"><span style="font-size:10.0pt;line-height:105%;font-family:"Open Sans",sans-serif;color:black">Hi Eric –<o:p></o:p></span></p>
<p class="MsoNormal" style="line-height:105%"><span style="font-size:10.0pt;line-height:105%;font-family:"Open Sans",sans-serif;color:black"><o:p> </o:p></span></p>
<p class="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.<o:p></o:p></span></p>
<p class="MsoNormal" style="line-height:105%"><span style="font-size:10.0pt;line-height:105%;font-family:"Open Sans",sans-serif;color:black"><o:p> </o:p></span></p>
<p class="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.<o:p></o:p></span></p>
<p class="MsoNormal" style="line-height:105%"><span style="font-size:10.0pt;line-height:105%;font-family:"Open Sans",sans-serif;color:black"><o:p> </o:p></span></p>
<p class="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?<o:p></o:p></span></p>
<p class="MsoListParagraph" style="text-indent:-.25in;line-height:105%;mso-list:l0 level1 lfo3">
<![if !supportLists]><span style="font-size:10.0pt;line-height:105%;font-family:"Open Sans",sans-serif;color:black"><span style="mso-list:Ignore">1.<span style="font:7.0pt "Times New Roman"">
</span></span></span><![endif]><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<o:p></o:p></span></p>
<p class="MsoListParagraph" style="text-indent:-.25in;line-height:105%;mso-list:l0 level1 lfo3">
<![if !supportLists]><span style="font-size:10.0pt;line-height:105%;font-family:"Open Sans",sans-serif;color:black"><span style="mso-list:Ignore">2.<span style="font:7.0pt "Times New Roman"">
</span></span></span><![endif]><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<o:p></o:p></span></p>
<p class="MsoNormal" style="line-height:105%"><span style="font-size:10.0pt;line-height:105%;font-family:"Open Sans",sans-serif;color:black"><o:p> </o:p></span></p>
<p class="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.<o:p></o:p></span></p>
<p class="MsoNormal" style="line-height:105%"><span style="font-size:10.0pt;line-height:105%;font-family:"Open Sans",sans-serif;color:black"><o:p> </o:p></span></p>
<p class="MsoNormal" style="line-height:105%"><span style="font-size:10.0pt;line-height:105%;font-family:"Open Sans",sans-serif;color:black">Best,<o:p></o:p></span></p>
<p class="MsoNormal" style="line-height:105%"><span style="font-size:10.0pt;line-height:105%;font-family:"Open Sans",sans-serif;color:black">Chris<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:10.0pt;font-family:"Open Sans",sans-serif;color:black"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:10.0pt;font-family:"Open Sans",sans-serif;color:black"><o:p> </o:p></span></p>
<div>
<p class="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<o:p></o:p></span></p>
<p class="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"><o:p></o:p></span></p>
</div>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri Light",sans-serif;color:black"><o:p> </o:p></span></p>
<div>
<div style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0in 0in 0in">
<p class="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<o:p></o:p></span></p>
</div>
</div>
<div id="divtagdefaultwrapper">
<div>
<p class="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:<o:p></o:p></span></p>
<ul type="disc">
<li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;margin-bottom:12.0pt;mso-list:l2 level1 lfo1">
<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://articulate.com/support/article/Articulate-360-FAQs-Accessibility">
https://articulate.com/support/article/Articulate-360-FAQs-Accessibility</a><o:p></o:p></span></li><li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;margin-bottom:12.0pt;mso-list:l2 level1 lfo1">
<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.<o:p></o:p></span></li><li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;margin-bottom:12.0pt;mso-list:l2 level1 lfo1">
<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.<o:p></o:p></span></li><li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;margin-bottom:12.0pt;mso-list:l2 level1 lfo1">
<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.
<o:p></o:p></span></li><li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;mso-list:l2 level1 lfo1">
<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.<o:p></o:p></span></li></ul>
<p class="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: <o:p></o:p></span></p>
<ul type="disc">
<li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;margin-bottom:12.0pt;mso-list:l1 level1 lfo2">
<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. <o:p></o:p></span></li><li class="MsoNormal" style="color:black;mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;mso-list:l1 level1 lfo2">
<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://community.articulate.com/discuss">https://community.articulate.com/discuss</a><o:p></o:p></span></li></ul>
<p class="MsoNormal"><span style="font-family:"Calibri",sans-serif;color:black">-Eric<o:p></o:p></span></p>
</div>
<p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-family:"Calibri",sans-serif;color:black"><o:p> </o:p></span></p>
<div>
<div class="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="divRplyFwdMsg">
<p class="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">
<o:p></o:p></span></p>
<div>
<p class="MsoNormal"><span style="font-family:"Calibri",sans-serif;color:black"> <o:p></o:p></span></p>
</div>
</div>
<div>
<div>
<p class="xmsonormal"><span style="font-family:"Calibri",sans-serif;color:black">Hi all –<o:p></o:p></span></p>
<p class="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?<o:p></o:p></span></p>
<p class="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. <o:p></o:p></span></p>
<p class="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.<o:p></o:p></span></p>
<p class="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.<o:p></o:p></span></p>
<p class="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.<o:p></o:p></span></p>
<p class="xmsonormal"><span style="font-family:"Calibri",sans-serif;color:black">Many thanks,<o:p></o:p></span></p>
<p class="xmsonormal"><span style="font-family:"Calibri",sans-serif;color:black">Chris<o:p></o:p></span></p>
<p class="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<o:p></o:p></span></p>
<p class="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<o:p></o:p></span></p>
<p class="xmsonormal"><span style="font-family:"Calibri",sans-serif;color:black"> <o:p></o:p></span></p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>