<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)">
<style><!--
/* Font Definitions */
@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;}
@font-face
{font-family:"Calibri Light";
panose-1:2 15 3 2 2 2 4 3 2 4;}
@font-face
{font-family:Aptos;}
@font-face
{font-family:"Noto Sans Symbols";}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
font-size:11.0pt;
font-family:"Calibri",sans-serif;
mso-ligatures:standardcontextual;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#467886;
text-decoration:underline;}
span.EmailStyle22
{mso-style-type:personal-reply;
font-family:"Aptos",sans-serif;
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;
mso-ligatures:none;}
@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:304967830;
mso-list-template-ids:193899930;}
@list l0: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 l0:level2
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:1.0in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l0:level3
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:1.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l0:level4
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:2.0in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l0:level5
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:2.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l0:level6
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:3.0in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l0:level7
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:3.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l0:level8
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:4.0in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l0:level9
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:4.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l1
{mso-list-id:1433890014;
mso-list-template-ids:-2066161626;}
@list l1:level1
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:\25CF;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
mso-ascii-font-family:"Noto Sans Symbols";
mso-fareast-font-family:"Noto Sans Symbols";
mso-hansi-font-family:"Noto Sans Symbols";
mso-bidi-font-family:"Noto Sans Symbols";
color:black;
mso-ansi-font-weight:bold;}
@list l1:level2
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
mso-ascii-font-family:"Courier New";
mso-fareast-font-family:"Courier New";
mso-hansi-font-family:"Courier New";
mso-bidi-font-family:"Courier New";}
@list l1:level3
{mso-level-number-format:bullet;
mso-level-text:\25AA;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
mso-ascii-font-family:"Noto Sans Symbols";
mso-fareast-font-family:"Noto Sans Symbols";
mso-hansi-font-family:"Noto Sans Symbols";
mso-bidi-font-family:"Noto Sans Symbols";}
@list l1:level4
{mso-level-number-format:bullet;
mso-level-text:\25CF;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
mso-ascii-font-family:"Noto Sans Symbols";
mso-fareast-font-family:"Noto Sans Symbols";
mso-hansi-font-family:"Noto Sans Symbols";
mso-bidi-font-family:"Noto Sans Symbols";}
@list l1:level5
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
mso-ascii-font-family:"Courier New";
mso-fareast-font-family:"Courier New";
mso-hansi-font-family:"Courier New";
mso-bidi-font-family:"Courier New";}
@list l1:level6
{mso-level-number-format:bullet;
mso-level-text:\25AA;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
mso-ascii-font-family:"Noto Sans Symbols";
mso-fareast-font-family:"Noto Sans Symbols";
mso-hansi-font-family:"Noto Sans Symbols";
mso-bidi-font-family:"Noto Sans Symbols";}
@list l1:level7
{mso-level-number-format:bullet;
mso-level-text:\25CF;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
mso-ascii-font-family:"Noto Sans Symbols";
mso-fareast-font-family:"Noto Sans Symbols";
mso-hansi-font-family:"Noto Sans Symbols";
mso-bidi-font-family:"Noto Sans Symbols";}
@list l1:level8
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
mso-ascii-font-family:"Courier New";
mso-fareast-font-family:"Courier New";
mso-hansi-font-family:"Courier New";
mso-bidi-font-family:"Courier New";}
@list l1:level9
{mso-level-number-format:bullet;
mso-level-text:\25AA;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
mso-ascii-font-family:"Noto Sans Symbols";
mso-fareast-font-family:"Noto Sans Symbols";
mso-hansi-font-family:"Noto Sans Symbols";
mso-bidi-font-family:"Noto Sans Symbols";}
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="#467886" vlink="#96607D" style="word-wrap:break-word">
<div class="WordSection1">
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">Thanks, Hadi for the quick response.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">I’d be happy to bring it to the September meeting, but hope to make a determination in the meantime if the DataTables library is something we’ll be able to use.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">So I’ll submit a request for a consultation as well.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<div>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif;color:black;mso-ligatures:none"><o:p> </o:p></span></p>
<p class="MsoNormal"><b><span style="font-family:"Aptos",sans-serif;color:#3F3F3F;mso-ligatures:none">Wade Guidry</span></b><span style="font-family:"Aptos",sans-serif;mso-ligatures:none"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif;color:#3F3F3F;mso-ligatures:none">Developer, IT Services & Digital Strategies<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif;color:#3F3F3F;mso-ligatures:none">University of Washington Libraries<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif;color:#3F3F3F;mso-ligatures:none">360.472.9646</span><span style="font-family:"Aptos",sans-serif;mso-ligatures:none"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif;color:#3F3F3F;mso-ligatures:none">wadeguid@uw.edu</span><span style="font-family:"Aptos",sans-serif;mso-ligatures:none"><o:p></o:p></span></p>
<p class="MsoNormal"><i><span style="font-family:"Aptos",sans-serif;mso-ligatures:none">My pronouns are: he / him / his</span></i><span style="font-family:"Aptos",sans-serif;mso-ligatures:none"><o:p></o:p></span></p>
</div>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><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="mso-ligatures:none">From:</span></b><span style="mso-ligatures:none"> Hadi Rangin <hadir@uw.edu>
<br>
<b>Sent:</b> Tuesday, August 26, 2025 3:23 PM<br>
<b>To:</b> Wade Guidry <wadeguid@uw.edu>; 'accessibleweb@u.washington.edu' <accessibleweb@u.washington.edu><br>
<b>Subject:</b> RE: JAWS screenreader and table compatibility in a page with a table I am working on (link to page in email)<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">Hi Wade,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">For sure it is an interesting design and implementation.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">I think there are several interesting accessibility design considerations in this page that we can discuss it in our September Usability/Accessibility meet-up. Please let me know if you are interested
to discuss it in the September meet-up so I can add it to the agenda.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">Alternatively, you can submit a consultation meeting at
<b><a href="https://uwconnect.uw.edu/catform.do?form=y5ojcm">Accessibility Consulting Request Form</a></b> and one of us get back to you to discuss it with you and team.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">The table at the current design and implementation has accessibility problems and it is almost impossible for screen reader users to utilize it.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">Thanks,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">Hadi<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><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="mso-ligatures:none">From:</span></b><span style="mso-ligatures:none"> Accessibleweb <<a href="mailto:accessibleweb-bounces@mailman22.u.washington.edu">accessibleweb-bounces@mailman22.u.washington.edu</a>>
<b>On Behalf Of </b>Wade Guidry via Accessibleweb<br>
<b>Sent:</b> Tuesday, August 26, 2025 2:16 PM<br>
<b>To:</b> 'accessibleweb@u.washington.edu' <<a href="mailto:accessibleweb@u.washington.edu">accessibleweb@u.washington.edu</a>><br>
<b>Subject:</b> [Accessibleweb] JAWS screenreader and table compatibility in a page with a table I am working on (link to page in email)<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">Hi, all.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">Not sure if anyone can help me with this one.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">But I’m trying to determine if a screenreader will work with a table on a page currently hosted at this URL:
<a href="https://staff.washington.edu/wadeguid/csvmagic/romerc/">https://staff.washington.edu/wadeguid/csvmagic/romerc/</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">I am using a javascript library called DataTables, which generates a searchable HTML table with data read from a json file.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">I am using NVDA to test screenreader compatibility of this solution. Currently, NVDA is only reading the column headers, and the first column’s data on the first row (if it contains data). NVDA
reads no data from any other cell in the table.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">I’m wondering if this is an incompatibility with NVDA and this
<a href="https://urldefense.com/v3/__https:/datatables.net/__;!!K-Hz7m0Vt54!liIdT_hJ35LxOLglRRD4LAaGves52e-z7QyeEQVfT18H1Q9FIi1piSlnQdyl45k4xxmdLVCtMMVPA0QYAcjniPyV3DCu$">
DataTables</a> javascript library.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">I imagine there are multiple accessibility issues on this page currently.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">I am hoping someone with JAWS access and experience could point their JAWS software at this page and just let me know if JAWS successfully reads data from the table cells as you navigate through
the table.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif">It would help me very much and I’d be very appreciative of your aid.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
<div>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif;color:black;mso-ligatures:none"><o:p> </o:p></span></p>
<p class="MsoNormal"><b><span style="font-family:"Aptos",sans-serif;color:#3F3F3F;mso-ligatures:none">Wade Guidry</span></b><span style="font-family:"Aptos",sans-serif;mso-ligatures:none"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif;color:#3F3F3F;mso-ligatures:none">Developer, IT Services & Digital Strategies<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif;color:#3F3F3F;mso-ligatures:none">University of Washington Libraries<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif;color:#3F3F3F;mso-ligatures:none">360.472.9646</span><span style="font-family:"Aptos",sans-serif;mso-ligatures:none"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif;color:#3F3F3F;mso-ligatures:none"><a href="mailto:wadeguid@uw.edu">wadeguid@uw.edu</a></span><span style="font-family:"Aptos",sans-serif;mso-ligatures:none"><o:p></o:p></span></p>
<p class="MsoNormal"><i><span style="font-family:"Aptos",sans-serif;mso-ligatures:none">My pronouns are: he / him / his</span></i>
<o:p></o:p></p>
</div>
<p class="MsoNormal"><span style="font-family:"Aptos",sans-serif"><o:p> </o:p></span></p>
</div>
</body>
</html>