<html 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=utf-8">
<meta name="Title" content="">
<meta name="Keywords" content="">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
{font-family:Arial;
panose-1:2 11 6 4 2 2 2 2 2 4;}
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
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;}
span.EmailStyle17
{mso-style-type:personal-reply;
font-family:Calibri;
color:windowtext;}
span.msoIns
{mso-style-type:export-only;
mso-style-name:"";
text-decoration:underline;
color:teal;}
.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;}
--></style>
</head>
<body bgcolor="white" lang="EN-US" link="blue" vlink="purple">
<div class="WordSection1">
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">Hi Colleagues,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri"><br>
I said that I would post my findings on Tableau data visualizations and accessibility once our staff met with one of our IT Staff who works on Tableau. Some of the details are code-related but here is his feedback below, prefaced by my comments. I think what
we’re realizing is that it’s important to include descriptions of what the visualizations are representing, that is, to include text that describes trends that the data visualizations are showing since a screen reader user will not be able to intuit the graphs
or visualizations via screen reader. <o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">Info from our Tableau programmer:<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">I read through the Accessibility guide for Tableau: <o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri"><a href="https://onlinehelp.tableau.com/current/pro/desktop/en-us/accessibility_create_view.html">https://onlinehelp.tableau.com/current/pro/desktop/en-us/accessibility_create_view.html</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri"> <o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">I learned several things:<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">1. Dashboards that contain less than 1000 “marks” or dashboards created with ?render=true are client-side rendered. Those are supposed to be WCAG-conformant, versus server side-rendered
dashboards. Therefore, I suggest you tell IR to put ?render=true on the urls they are using for their visualizations.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">2. Tableau has a set of keyboard controls. They are described here:<a href="https://onlinehelp.tableau.com/current/pro/desktop/en-us/access_keyboard_navigation.html">https://onlinehelp.tableau.com/current/pro/desktop/en-us/access_keyboard_navigation.html</a>.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">I suggest web accessibility staff read them and tell us if they make any sense to them. If so, you may want to have that link put in as accessible help.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">3. According to Tableau: <o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">"The view toolbar is not currently supported for conformance, so you need to hide it in the embedded view. To hide the view toolbar, set the toolbar parameter in the embed code to no. For
example:<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri"><<b>param name='toolbar' value='no'</b> />"<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">4. They have a color blindness palette. Customer might want to use it.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">5. Other than these recommendations, their basic advice is to make dashboards simpler, clearer, with more aggregation, more explanation text and clearer options. In other words, basic usability.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri"> <o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">In conclusion, I saw no magic bullet but we should test if anything changes when IR uses “?render=true” in their URLs and we might want to test the keyboard controls.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri"> <o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">I hope this helps,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">Kathy<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">Kathy Cahill<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">Associate Dean, Accessibility and Usability<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">MIT Office of the Vice Chancellor<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">77 Mass. Ave. 7-143<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">Cambridge MA 02139<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri"><a href="mailto:kcahill@mit.edu"><span style="color:#0563C1">kcahill@mit.edu</span></a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri">(617) 253-5111<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Calibri"><o:p> </o:p></span></p>
<div style="border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in">
<p class="MsoNormal"><b><span style="font-family:Calibri;color:black">From: </span>
</b><span style="font-family:Calibri;color:black">athen-list <athen-list-bounces@mailman13.u.washington.edu> on behalf of Lucy Greco <lgreco@berkeley.edu><br>
<b>Reply-To: </b>Access Network <athen-list@u.washington.edu><br>
<b>Date: </b>Tuesday, March 27, 2018 at 2:36 PM<br>
<b>To: </b>Access Network <athen-list@u.washington.edu><br>
<b>Subject: </b>Re: [Athen] Tableau visualizations<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
<div>
<p class="MsoNormal">hello: i would also love to see what you find thanks <o:p></o:p></p>
</div>
<div>
<p class="MsoNormal"><br clear="all">
<o:p></o:p></p>
<div>
<div>
<div>
<div>
<div>
<p class="MsoNormal" style="margin-bottom:12.0pt">Lucia Greco<br>
Web Accessibility Evangelist <br>
IST - Architecture, Platforms, and Integration<br>
University of California, Berkeley<br>
(510) 289-6008 skype: lucia1-greco<br>
<a href="http://webaccess.berkeley.edu" target="_blank">http://webaccess.berkeley.edu</a><br>
Follow me on twitter @accessaces<o:p></o:p></p>
</div>
</div>
</div>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<div>
<p class="MsoNormal">On Tue, Mar 20, 2018 at 8:17 AM, Kathleen Cahill <<a href="mailto:kcahill@mit.edu" target="_blank">kcahill@mit.edu</a>> wrote:<o:p></o:p></p>
<blockquote style="border:none;border-left:solid #CCCCCC 1.0pt;padding:0in 0in 0in 6.0pt;margin-left:4.8pt;margin-right:0in">
<div>
<div>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">Hi Sharon,<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><br>
We are evaluating accessibility of some Tableau visualizations currently with one of our departments. We’d be happy to share some information. We’re meeting with a developer in our IT department who works on Tableau and can follow up with information after
that.<br>
<br>
Kathy<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"> <o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"> <o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">Kathy Cahill<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">Associate Dean, Accessibility and Usability<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">MIT Office of Undergraduate Education<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">77 Mass. Ave. 7-143<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">Cambridge MA 02139<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><a href="mailto:kcahill@mit.edu" target="_blank">kcahill@mit.edu</a><o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><a href="tel:(617)%20253-5111" target="_blank">(617) 253-5111</a><o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"> <o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"> <o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"> <o:p></o:p></p>
<div style="border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in">
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><b><span style="color:black">From:
</span></b><span style="color:black">athen-list <<a href="mailto:athen-list-bounces@mailman13.u.washington.edu" target="_blank">athen-list-bounces@mailman13.u.washington.edu</a>> on behalf of Sharon M Trerise <<a href="mailto:smtreris@syr.edu" target="_blank">smtreris@syr.edu</a>><br>
<b>Reply-To: </b>Access Network <<a href="mailto:athen-list@u.washington.edu" target="_blank">athen-list@u.washington.edu</a>><br>
<b>Date: </b>Tuesday, March 20, 2018 at 9:15 AM<br>
<b>To: </b>Access Network <<a href="mailto:athen-list@u.washington.edu" target="_blank">athen-list@u.washington.edu</a>><br>
<b>Subject: </b>[Athen] Tableau visualizations</span><o:p></o:p></p>
</div>
<div>
<div>
<div>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"> <o:p></o:p></p>
</div>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">The last discussion I can find in the ATHEN archives is from 2015. My understanding is that the latest version of Tableau implemented some significant accessibility improvements.<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"> <o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">Does anyone have recommendations for creating accessible visualizations with Tableau? I’ve found significant issues with screen reader access when trying to read data visualizations.
Even though the data points appear in text on mouseover, they don’t seem to be available to the screen reader.<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"> <o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">Does anyone have experience with Narratives for Tableau (<a href="https://narrativescience.com/Partners/Business-Intelligence/Tableau" target="_blank">https://narrativescience.com/Partners/Business-Intelligence/Tableau</a>)
which claims to create automated explanations of the visualizations?<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"> <o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">Thanks.<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"> <o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">Sharon<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"> <o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;margin-bottom:9.0pt"><b><span style="font-family:Arial;color:#D44500">Sharon Trerise</span></b><span style="font-family:Arial;color:#3E3D3C"> | IT Accessibility Support Services</span><o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;margin-bottom:9.0pt"><span style="font-family:Arial;color:#3E3D3C">Information Technology Services<br>
1-234 CST<br>
Syracuse University<br>
Syracuse, New York 13244</span><o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;margin-bottom:11.25pt"><b><span style="font-family:Arial;color:#3E3D3C">t</span></b><span style="font-family:Arial;color:#3E3D3C">
<a href="tel:(315)%20443-2143" target="_blank">315.443.2143</a> <b>e</b> <a href="mailto:smtreris@syr.edu" target="_blank">
smtreris@syr.edu</a> <b>w</b> <a href="http://its.syr.edu/" target="_blank">its.syr.edu</a></span><o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;margin-bottom:9.0pt"><b><span style="font-family:Arial;color:#D44500">SYRACUSE UNIVERSITY</span></b><span style="font-family:Arial;color:#3E3D3C"><br>
<a href="http://syr.edu/" target="_blank">syr.edu</a></span><o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"> <o:p></o:p></p>
</div>
</div>
</div>
</div>
<p class="MsoNormal" style="margin-bottom:12.0pt"><br>
_______________________________________________<br>
athen-list mailing list<br>
<a href="mailto:athen-list@mailman13.u.washington.edu">athen-list@mailman13.u.washington.edu</a><br>
<a href="http://mailman13.u.washington.edu/mailman/listinfo/athen-list" target="_blank">http://mailman13.u.washington.edu/mailman/listinfo/athen-list</a><o:p></o:p></p>
</blockquote>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</div>
</body>
</html>