<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:"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:Verdana;
        panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
        {font-family:"Franklin Gothic Book";
        panose-1:2 11 5 3 2 1 2 2 2 4;}
/* 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:#0563C1;
        text-decoration:underline;}
span.EmailStyle20
        {mso-style-type:personal-reply;
        font-family:"Calibri",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;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1027" />
</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">Vicki,<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Thanks for sharing that video.  It clearly critiques one major flaw in overlays in pointing out that so-called screen readers in overlays are lacking in functionality and miss the point entirely that if a person relies upon a screen reader
 on all web sites they visit, they are unlikely to turn the one they use off, to then use an inferior one to explore that one web site.  Who would use a customized electric wheelchair to go everywhere but choose to leave it at the front door of one store and
 then use one of those loaners near the grocery carts?<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Screen reading software requires knowing quite a few keyboard commands to then navigate a device, documents, applications and so on.  Almost all overlays I’ve looked at that have a pseudo-screen reader in them do not provide a detailed
 resource for that component, and most likely lack such functionality in the first place.  And to respond to that criticism, some overlay firms “let” the web site owner turn that screen reader in the overlay off by default because otherwise, on visiting the
 site one hears announcements from both your real, robust screen reader and the crummy poser of a screen reader.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Also addressed in the video were features of overlays like stopping motion.  What I’ve seen on trying that feature, is that the overlay takes a screenshot of the website, virtually freezing prior moving content.  Meanwhile, WCAG 2.x standards
 call for web site to not have such content in the first place that plays for more than a few seconds or cannot be easily paused or stopped by the user.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">And they mention being able to change text size and color contrast, both of which one can do with either the operating system, web browser or both and have that preferred setting work on all web sites one visits, not just one.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">It was great that they picked seasoned users of one particular assistive technology, screen readers, then had them first visit web sites that utilized an overlay with screen reader built in (but didn’t tell them about the overlay) and finally
 had them try out those overlays even though they hadn’t done so, just to get feedback on the experience.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">That prior overlay company acquisition you shared news about still boggles my mind.  My probably unrealistic wish is that the company bought the overlay firm to then shelf it to make the world wide web a better place. 
<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<div>
<p class="MsoNormal"><span style="mso-ligatures:none">Doug Hayman<o:p></o:p></span></p>
<p class="MsoNormal"><span style="mso-ligatures:none">IT Accessibility Coordinator<o:p></o:p></span></p>
<p class="MsoNormal"><span style="mso-ligatures:none">Information Technology<o:p></o:p></span></p>
<p class="MsoNormal"><span style="mso-ligatures:none">Olympic College<o:p></o:p></span></p>
<p class="MsoNormal"><span style="mso-ligatures:none"><a href="mailto:dhayman@olympic.edu"><span style="color:#0563C1">dhayman@olympic.edu</span></a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="mso-ligatures:none">(360) 475-7632 <o:p></o:p></span></p>
<p class="MsoNormal"><span style="mso-ligatures:none"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="mso-ligatures:none"><o:p> </o:p></span></p>
</div>
<p class="MsoNormal"><o:p> </o:p></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"> CATO <cato-bounces@lists.ctc.edu>
<b>On Behalf Of </b>Vicki Walton via CATO<br>
<b>Sent:</b> Friday, January 5, 2024 8:34 AM<br>
<b>To:</b> cato@lists.ctc.edu<br>
<b>Cc:</b> Vicki Walton <vwalton@sbctc.edu><br>
<b>Subject:</b> [EXTERNAL] - [CATO] More on Accessibility Widgets/Overlays<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<div style="border:solid #030303 1.0pt;padding:1.0pt 1.0pt 1.0pt 1.0pt">
<p class="MsoNormal" style="mso-line-height-alt:10.0pt;background:#FFCC66"><span style="font-size:12.0pt;font-family:"Arial",sans-serif;color:black;mso-ligatures:none">CAUTION: This email came from a non-OC system or external source. Beware of phishing and
 social engineering!<o:p></o:p></span></p>
</div>
<p class="MsoNormal"><span style="mso-ligatures:none"><o:p> </o:p></span></p>
<div>
<p class="MsoNormal"><span style="font-family:"Verdana",sans-serif">Happy first Friday of 2024,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Verdana",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Verdana",sans-serif">I found this YouTube video last night that talks more about overlays.  It shares a very interesting and unique perspective.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Verdana",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Verdana",sans-serif">It goes along with the theme of the last email that I sent about Level Access.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Verdana",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><b><span style="font-family:"Verdana",sans-serif"><a href="https://www.youtube.com/watch?v=mvKTItqsOCg">Accessibility Widgets Are Not Enough for Screen Reader Users</a><o:p></o:p></span></b></p>
<p class="MsoNormal"><span style="font-family:"Verdana",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="mso-ligatures:none"><o:p> </o:p></span></p>
<p class="MsoNormal"><!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f">
<v:stroke joinstyle="miter" />
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0" />
<v:f eqn="sum @0 1 0" />
<v:f eqn="sum 0 0 @1" />
<v:f eqn="prod @2 1 2" />
<v:f eqn="prod @3 21600 pixelWidth" />
<v:f eqn="prod @3 21600 pixelHeight" />
<v:f eqn="sum @0 0 1" />
<v:f eqn="prod @6 1 2" />
<v:f eqn="prod @7 21600 pixelWidth" />
<v:f eqn="sum @8 21600 0" />
<v:f eqn="prod @7 21600 pixelHeight" />
<v:f eqn="sum @10 21600 0" />
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect" />
<o:lock v:ext="edit" aspectratio="t" />
</v:shapetype><v:shape id="Picture_x0020_5" o:spid="_x0000_s1026" type="#_x0000_t75" alt="Title: SBCTC logo - Description: Compass " style='position:absolute;margin-left:0;margin-top:7.25pt;width:45.1pt;height:84.5pt;z-index:251659264;visibility:visible;mso-wrap-style:square;mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;mso-wrap-distance-bottom:0;mso-position-horizontal:left;mso-position-horizontal-relative:text;mso-position-vertical:absolute;mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;mso-width-relative:page;mso-height-relative:page'>
<v:imagedata src="cid:image001.png@01DA3FB3.847CFAD0" o:title=" Compass " />
<w:wrap type="square"/>
</v:shape><![endif]--><![if !vml]><img width="60" height="113" style="width:.625in;height:1.175in" src="cid:image002.png@01DA3FB5.D01FB3E0" align="left" hspace="12" alt="Title: SBCTC logo - Description: Compass " v:shapes="Picture_x0020_5"><![endif]><b><span style="font-size:14.0pt;font-family:"Franklin Gothic Book",sans-serif;color:#003764">Vicki
 Walton<o:p></o:p></span></b></p>
<p class="MsoNormal" style="line-height:10.55pt"><span style="font-size:10.0pt;font-family:"Franklin Gothic Book",sans-serif;color:#003764">Pronouns: they/them<o:p></o:p></span></p>
<p class="MsoNormal" style="mso-line-height-alt:10.55pt;text-autospace:none"><span style="font-size:12.0pt;font-family:"Franklin Gothic Book",sans-serif;color:#003764">Web Accessibility Specialist/IT Quality Assurance Tester<o:p></o:p></span></p>
<p class="MsoNormal" style="mso-line-height-alt:10.55pt;text-autospace:none"><span style="font-family:"Franklin Gothic Book",sans-serif;color:#003764">Washington State Board for Community and Technical Colleges<o:p></o:p></span></p>
<p class="MsoNormal"><u><span style="font-family:"Franklin Gothic Book",sans-serif;color:#003764"><a href="mailto:vwalton@sbctc.edu•">vwalton@sbctc.edu•</a></span></u><span style="font-family:"Franklin Gothic Book",sans-serif;color:#003764"> office: 360-704-4343•
</span><span lang="ES-MX" style="font-family:"Franklin Gothic Book",sans-serif;color:#003764">website:
<u><a href="https://www.sbctc.edu/default.aspx">www.sbctc.edu</a><o:p></o:p></u></span></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><span style="mso-ligatures:none"><img border="0" width="600" height="5" style="width:6.25in;height:.05in" id="Picture_x0020_1" src="cid:image003.gif@01DA3FB3.847CFAD0"></span><o:p></o:p></p>
<p class="MsoNormal"><b><span style="font-size:14.0pt">Accessibility is not a checkbox. Accessibility is a mindset that can lead to a very powerful sense of inclusion.</span></b>
<o:p></o:p></p>
<p class="MsoNormal">~ Maayan Ziv founder and CEO AccessNow<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</div>
</body>
</html>