<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: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;
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;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
h2
{mso-style-priority:9;
mso-style-link:"Heading 2 Char";
margin-top:2.0pt;
margin-right:0in;
margin-bottom:0in;
margin-left:0in;
page-break-after:avoid;
font-size:13.0pt;
font-family:"Calibri Light",sans-serif;
color:#2F5496;
font-weight:normal;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#0563C1;
text-decoration:underline;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{mso-style-priority:34;
margin-top:0in;
margin-right:0in;
margin-bottom:0in;
margin-left:.5in;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri",sans-serif;
color:windowtext;}
span.Heading2Char
{mso-style-name:"Heading 2 Char";
mso-style-priority:9;
mso-style-link:"Heading 2";
font-family:"Calibri Light",sans-serif;
color:#2F5496;
mso-ligatures:none;}
p.xmsonormal, li.xmsonormal, div.xmsonormal
{mso-style-name:x_msonormal;
margin:0in;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
.MsoChpDefault
{mso-style-type:export-only;
font-family:"Calibri",sans-serif;
mso-ligatures:standardcontextual;}
@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:863517213;
mso-list-template-ids:889330070;}
@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: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 l0: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 l0: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 l0: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 l0: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 l0: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 l0: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 l0: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="#0563C1" vlink="#954F72" style="word-wrap:break-word">
<div class="WordSection1">
<p class="MsoNormal"><span style="font-size:12.0pt">Hello friends,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt">Due to some long-standing unknown bug with mailing list, some of my messages disappear and our mailing list team hasn’t been able to trace the problem yet.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt">You can see the announcement in the archives but they aren’t pushed to subscriber list.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt">Sorry in advance for redundancy.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt">Looking forward to seeing you tomorrow at 10 AM.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt">Thanks,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt">Hadi<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt">Hi everyone,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt">It is almost time for our monthly Web Accessibility/Usability Meet-up!<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt">Please join us for another casual and friendly virtual meeting to discuss some accessibility challenges.<o:p></o:p></span></p>
<p class="MsoNormal"><o:p> </o:p></p>
<h2>Topic 1: Review website/applications <o:p></o:p></h2>
<p class="MsoNormal"><span style="font-size:12.0pt">Reviewing your site/application for accessibility is the main component of this meet-up and we all learn from such reviews.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt">As always, let me know if you would like to review your site/application for accessibility.<o:p></o:p></span></p>
<p class="xmsonormal"><span style="font-size:12.0pt"><o:p> </o:p></span></p>
<h2>Topic 2: WordPress Text-Hover plug-in accessibility<o:p></o:p></h2>
<p class="xmsonormal"><span style="font-size:12.0pt">UW Medicine Communications wants to add a plugin to Wordpress that creates a word bubble when you hover over certain text. The idea is that you could hover a mouse over a term, and the term would be defined
in that word bubble. So, for example, you would hover over the abbreviation ERAS, and then a bubble would appear, and it would define the term -in this case,
<span style="color:#4D5156;background:white">Electronic Residency Application Service.</span><o:p></o:p></span></p>
<p class="xmsonormal"><span style="font-size:12.0pt;color:black;background:white">Here’s an example of a plugin that might do that
</span><span style="font-size:12.0pt;color:#4D5156;background:white"><a href="https://urldefense.com/v3/__https:/wordpress.org/plugins/text-hover/__;!!K-Hz7m0Vt54!kFWxLjeQQt4WaiA_OIHr19tuq6YPMVTuolryo69R_UGQrjR6q7RWQTCWUQ-avpMQ2HjOFqYsBdA$">https://wordpress.org/plugins/text-hover/</a>.</span><span style="font-size:12.0pt">
<o:p></o:p></span></p>
<p class="xmsonormal"><span style="font-size:12.0pt">We are going to look into the accessibility of this plug-in.<o:p></o:p></span></p>
<p class="xmsonormal"><o:p> </o:p></p>
<h2>Topic 3: Accessibility of Concept3D Campus Mapping Solution<o:p></o:p></h2>
<p class="MsoNormal">Concept3D is a product that is used by many universities for their online campus maps. For this particular meeting, we would like to focus on the accessibility and usability of the sidebar, using the following example maps:
<o:p></o:p></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoListParagraph" style="margin-left:0in;mso-list:l0 level1 lfo1"><a href="https://urldefense.com/v3/__https:/map.concept3d.com/?id=801__;!!K-Hz7m0Vt54!k1g444r8BjgTwiihIkybsht_m9LeMM-INnb84J2RSaEPzaOWakNyuJIyxv9mE-FdEwDBzvU$">San Diego State University</a><o:p></o:p></li><li class="MsoListParagraph" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;margin-left:0in;mso-list:l0 level1 lfo1">
<a href="https://urldefense.com/v3/__https:/www.colorado.edu/map__;!!K-Hz7m0Vt54!k1g444r8BjgTwiihIkybsht_m9LeMM-INnb84J2RSaEPzaOWakNyuJIyxv9mE-FdFdQZOlk$">University of Colorado - Boulder</a>
<o:p></o:p></li></ul>
<h2>Topic 4: Displaying a video in an iframe in a dialog <o:p></o:p></h2>
<p class="MsoNormal">Terrill Thompson is seeking feedback on his mock-up of a new design for playing videos in an iframe within a modal dialog on the DO-IT website:
<a href="https://uw.edu/doit/videos/iframe.html">https://uw.edu/doit/videos/iframe.html</a><o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<h2>Meeting info<o:p></o:p></h2>
<ul style="margin-top:0in" type="disc">
<li class="MsoListParagraph" style="color:black;margin-left:0in;mso-list:l0 level1 lfo1">
<span style="font-size:12.0pt">What: Monthly Web Accessibility/Usability Meetup<o:p></o:p></span></li><li class="MsoListParagraph" style="color:black;margin-left:0in;mso-list:l0 level1 lfo1">
<span style="font-size:12.0pt">When: March 9, 2023 10-11 AM PT<o:p></o:p></span></li><li class="MsoListParagraph" style="color:black;margin-left:0in;mso-list:l0 level1 lfo1">
<span style="font-size:12.0pt;color:windowtext">Where: </span><span style="color:windowtext"><a href="https://urldefense.com/v3/__https:/washington.zoom.us/my/hadirangin__;!!K-Hz7m0Vt54!gdUacz7z25Z6q3TcHpbU_5VxT0Dj3TbFSnH4nmVTnliqrCBNeoNHRIr4xPzDNw_iZPI8C5woLA$"><span style="font-size:12.0pt">https://washington.zoom.us/my/hadirangin</span></a></span><span style="font-size:12.0pt"><o:p></o:p></span></li><li class="MsoListParagraph" style="color:black;margin-left:0in;mso-list:l0 level1 lfo1">
<span style="font-size:12.0pt">Meeting ID: 206 221 1532<o:p></o:p></span></li></ul>
<p class="MsoNormal" style="margin-left:.5in"><span style="font-size:12.0pt;color:black"><o:p> </o:p></span></p>
<h2>About Monthly Web Accessibility/Usability Meet-up<o:p></o:p></h2>
<p class="MsoNormal"><span style="font-size:12.0pt;color:black">Our meetings usually consist of two 30-minute segments. The first 30 minutes of our meetings are dedicated to casually reviewing your projects. This generally includes lots of hands-on testing
and code review. If you are working on a project and would like to get accessibility feedback from your peers, please let us know and we will add it to the agenda. We always encourage you to bring your own sites and topics, as it is a great learning experience
for everyone.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;color:black">Then for the last half of the meeting we have some topics we would like to bring to you to discuss, although we may not have time to cover all of them in depth.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:black"><o:p> </o:p></span></p>
<h2>How to Join the Mailing List<o:p></o:p></h2>
<p class="MsoNormal"><span style="font-size:12.0pt">We send our announcements typically a week prior to the meetup through various internal mailing lists, including the accessibleweb mailing list - which is open to the public. Please subscribe to that list
to receive the announcements if you haven’t already done it yet. You can do so by accessing this link:
<o:p></o:p></span></p>
<p class="MsoNormal"><a href="https://mailman11.u.washington.edu/mailman/listinfo/accessibleweb"><span style="font-size:12.0pt">https://mailman11.u.washington.edu/mailman/listinfo/accessibleweb</span></a><span style="font-size:12.0pt">.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:black"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;color:black">Thanks and looking forward to talking to you,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;color:black"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;color:black">Hadi Rangin<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;color:black">IT Accessibility Specialist<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;color:black">Access Technology Center/ATS/UW-IT<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;color:black">(206) 685-4144<o:p></o:p></span></p>
<p class="MsoNormal"><a href="mailto:hadir@uw.edu"><span style="font-size:12.0pt">hadir@uw.edu</span></a><o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</body>
</html>