<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252">
<style type="text/css" style="display:none;"> P {margin-top:0;margin-bottom:0;} </style>
</head>
<body dir="ltr">
<div class="elementToProof" style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0);">
Hi Accessible IT Coordinators,</div>
<div class="elementToProof" style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0);">
<br>
</div>
<div class="elementToProof" style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0);">
Please find the resources and links mentioned during the WebAIM Q and A Session on February 14th. Thank you! Monica</div>
<h1 class="elementToProof" style="direction: ltr; text-align: left; text-indent: 0px; white-space: pre-wrap; margin-top: 12pt; margin-right: 0px; margin-left: 0px; font-family: "Aptos Display"; font-size: 16pt; font-weight: normal; color: rgb(24, 90, 189);">
<b>WebAIM Q and A Session Resources and Links </b></h1>
<div class="elementToProof" style="direction: ltr; text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 0px 0px 10.6667px; font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0);">
February 14, 2025 </div>
<div class="elementToProof" style="direction: ltr; text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 0px 0px 10.6667px; font-family: "Century Gothic", sans-serif; font-size: 11pt;">
<span style="color: rgb(0, 0, 0);"><b>Video: </b></span><span style="color: rgb(70, 120, 134);"><b><u><a href="https://sbctc.hosted.panopto.com/Panopto/Pages/Viewer.aspx?id=5bee36ca-d2ed-4813-b2ef-b28801507f39" target="_blank" id="OWAb9dac63f-7151-5ab8-c9e6-904b2a365880" class="Hyperlink SCXW188466678 BCX0 OWAAutoLink" rel="noreferrer noopener" style="color: rgb(70, 120, 134); margin: 0px;">Session
Recording</a></u></b></span><span style="color: rgb(0, 0, 0);"> </span></div>
<div class="elementToProof" style="direction: ltr; text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 10.6667px 0px 5.33333px; font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0);">
<b>WCAG</b> </div>
<ul style="direction: ltr; margin-top: 0px; margin-bottom: 0px;">
<li style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0); direction: ltr; margin-top: 0px; margin-bottom: 0px;">
<div style="text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 0px;">
<span style="color: rgb(70, 120, 134);"><b><u><a href="https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/" target="_blank" id="OWAa6cf7e73-2cd5-b5b8-a083-0615721cec49" class="Hyperlink SCXW188466678 BCX0 OWAAutoLink" rel="noreferrer noopener" style="color: rgb(70, 120, 134); margin: 0px;">What’s
new in WCAG 2.2AA from W3C</a></u></b></span> </div>
</li><li style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0); direction: ltr; margin-top: 0px; margin-bottom: 0px;">
<div style="text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 0px;">
<span style="color: rgb(70, 120, 134);"><b><u><a href="https://www.youtube.com/watch?v=azgLNYpgpME" target="_blank" id="OWAef502e15-453c-2984-9812-900ad6865b0d" class="Hyperlink SCXW188466678 BCX0 OWAAutoLink" rel="noreferrer noopener" style="color: rgb(70, 120, 134); margin: 0px;">Summary
of new 6 criteria in WCAG 2.2</a></u></b></span><b> - The ADA Book</b> </div>
</li><li style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0); direction: ltr; margin-top: 0px; margin-bottom: 0px;">
<div style="text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 0px;">
<span style="color: rgb(70, 120, 134);"><b><u><a href="https://webaim.org/standards/wcag/checklist" target="_blank" id="OWA671593d6-e564-ac97-08ac-e6b605d8d453" class="Hyperlink SCXW188466678 BCX0 OWAAutoLink" rel="noreferrer noopener" style="color: rgb(70, 120, 134); margin: 0px;">WebAIM’s
WCAG Checklist</a></u></b></span> </div>
</li><li style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0); direction: ltr; margin-top: 0px; margin-bottom: 0px;">
<div style="text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 0px;">
<span style="color: rgb(70, 120, 134);"><b><u><a href="https://webaim.org/resources/evalquickref/" target="_blank" id="OWAaca681dd-9ebf-682a-bfdf-86a7cfc9b70f" class="Hyperlink SCXW188466678 BCX0 OWAAutoLink" rel="noreferrer noopener" style="color: rgb(70, 120, 134); margin: 0px;">Testing
Web Content for Accessibility</a></u></b></span><b> – Quick reference from WebAIM</b> </div>
</li></ul>
<div class="elementToProof" style="direction: ltr; text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 10.6667px 0px 5.33333px; font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0);">
<b>Video Series</b> </div>
<ul style="direction: ltr; margin-top: 0px; margin-bottom: 0px;">
<li style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0); direction: ltr; margin-top: 0px; margin-bottom: 0px;">
<div style="text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 0px;">
<span style="color: rgb(70, 120, 134);"><b><u><a href="https://www.youtube.com/playlist?list=PLPGvpj83MxxN0InbtkDAtoVYeH6Ux3lVv" target="_blank" id="OWA71afa1f8-76b9-a56c-e509-eb7d28af1c49" class="Hyperlink SCXW188466678 BCX0 OWAAutoLink" rel="noreferrer noopener" style="color: rgb(70, 120, 134); margin: 0px;">Accessibility
5 Part Series</a></u></b></span><b> – CBC</b> </div>
</li><li style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0); direction: ltr; margin-top: 0px; margin-bottom: 0px;">
<div style="text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 0px;">
<span style="color: rgb(70, 120, 134);"><b><u><a href="https://www.youtube.com/playlist?list=PLvFNKerfSKgvZHJ7T28rbEB-Q9LhKi5Ts" target="_blank" id="OWA29f16161-56d6-7bd1-c7fc-cf57fcbb4704" class="Hyperlink SCXW188466678 BCX0 OWAAutoLink" rel="noreferrer noopener" style="color: rgb(70, 120, 134); margin: 0px;">Accessibility
Bytes</a></u></b></span><b> – Seattle Colleges</b> </div>
</li></ul>
<div class="elementToProof" style="direction: ltr; text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 10.6667px 0px 5.33333px; font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0);">
<b>Complex Images</b> </div>
<ul style="direction: ltr; margin-top: 0px; margin-bottom: 0px;">
<li style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0); direction: ltr; margin-top: 0px; margin-bottom: 0px;">
<div class="elementToProof" style="text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 0px;">
<span style="color: rgb(70, 120, 134);"><b><u><a href="https://www.w3.org/WAI/tutorials/images/complex/" target="_blank" id="OWA47ee399e-92a1-a0f8-b0b6-a038189736e4" class="Hyperlink SCXW188466678 BCX0 OWAAutoLink" rel="noreferrer noopener" style="color: rgb(70, 120, 134); margin: 0px;">Complex
Images</a></u></b></span><b> – W3C tutorial</b> </div>
</li><li style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0); direction: ltr; margin-top: 0px; margin-bottom: 0px;">
<div style="text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 0px;">
<span style="color: rgb(70, 120, 134);"><b><u><a href="https://accessibility.psu.edu/images/charts/" target="_blank" id="OWA03e4fd64-525b-e1af-96d6-53e4fb5f40fc" class="Hyperlink SCXW188466678 BCX0 OWAAutoLink" rel="noreferrer noopener" style="color: rgb(70, 120, 134); margin: 0px;">Charts
and Accessibility</a></u></b></span><b> – Penn State</b> </div>
</li><li style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0); direction: ltr; margin-top: 0px; margin-bottom: 0px;">
<div style="text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 0px;">
<span style="color: rgb(70, 120, 134);"><b><u><a href="https://dap.berkeley.edu/learn/concepts/graphs-charts-and-complex-images" target="_blank" id="OWA78dafcae-3a61-e5ed-cdd8-7b1ccb0894cf" class="Hyperlink SCXW188466678 BCX0 OWAAutoLink" rel="noreferrer noopener" style="color: rgb(70, 120, 134); margin: 0px;">Graphs,
Charts, and Complex Images</a></u></b></span><b> – UC Berkely</b> </div>
</li><li style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0); direction: ltr; margin-top: 0px; margin-bottom: 0px;">
<div style="text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 0px;">
<span style="color: rgb(70, 120, 134);"><b><u><a href="https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/" target="_blank" id="OWAe69acd5d-72c3-b0c5-aaf5-bf340ba1b205" class="Hyperlink SCXW188466678 BCX0 OWAAutoLink" rel="noreferrer noopener" style="color: rgb(70, 120, 134); margin: 0px;">How
to make charts and graphs more accessible</a></u></b></span><b> – Pope Tech</b> </div>
</li><li style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0); direction: ltr; margin-top: 0px; margin-bottom: 0px;">
<div style="text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 0px;">
<span style="color: rgb(70, 120, 134);"><b><u><a href="https://accessibility.huit.harvard.edu/data-viz-charts-graphs" target="_blank" id="OWA30432a18-6b2b-cbfb-4f92-4e12ef28f116" class="Hyperlink SCXW188466678 BCX0 OWAAutoLink" rel="noreferrer noopener" style="color: rgb(70, 120, 134); margin: 0px;">Data
Visualization</a></u></b></span><b> – Harvard University</b> </div>
</li><li style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0); direction: ltr; margin-top: 0px; margin-bottom: 0px;">
<div class="elementToProof" style="text-align: left; text-indent: 0px; white-space: pre-wrap; margin: 0px;">
<span style="color: rgb(70, 120, 134);"><b><u><a href="https://venngage.com/" target="_blank" id="OWAf6c7139a-9fac-9968-c4fd-d9511cb84d11" class="Hyperlink SCXW188466678 BCX0 OWAAutoLink" rel="noreferrer noopener" style="color: rgb(70, 120, 134); margin: 0px;">Venngage</a></u></b></span><b>
– more accessible alternative to Canva</b> </div>
</li></ul>
<div id="Signature" class="elementToProof">
<p style="text-align: left; background-color: rgb(255, 255, 255); margin: 0px; font-family: Calibri, sans-serif; font-size: 11pt; color: rgb(32, 31, 30);">
<br>
</p>
<div style="background-color: rgb(255, 255, 255); margin: 0px;">
<p style="text-align: left; margin: 0px; font-family: Calibri, sans-serif; font-size: 11pt;">
<span style="color: rgb(32, 31, 30);"><img alt="Title: SBCTC logo - Description: Compass" width="60" height="113" style="width: 60px; height: 113px; max-width: initial; margin-top: 0px; margin-bottom: 0px; float: left;" data-outlook-trace="F:1|T:1" src="cid:0dacddac-16a0-4e66-ade9-d74470ba4874"></span></p>
<p style="text-align: left; margin: 0px; font-family: Calibri, sans-serif; font-size: 11pt;">
<span style="font-family: "Franklin Gothic Book", sans-serif, serif, EmojiFont; font-size: 14pt; color: rgb(0, 32, 96);"><b>Monica M. Olsson (she/her/hers)</b></span></p>
<p style="text-align: left; margin: 0px; font-family: Calibri, sans-serif; font-size: 11pt;">
<span style="font-family: "Franklin Gothic Book", sans-serif, serif, EmojiFont; font-size: 12pt; color: rgb(0, 32, 96);">Policy Associate – Accessible IT Coordinator</span></p>
<p style="text-align: left; margin: 0px; font-family: Calibri, sans-serif; font-size: 11pt;">
<span style="font-family: "Franklin Gothic Book", sans-serif, serif, EmojiFont; font-size: 12pt; color: rgb(0, 32, 96);">Washington State Board for Community and Technical Colleges</span></p>
<p style="text-align: left; margin: 0px; font-family: Calibri, sans-serif; font-size: 11pt;">
<span style="font-family: "Franklin Gothic Book", sans-serif, serif, EmojiFont; font-size: 12pt; color: rgb(0, 32, 96); background-color: rgb(255, 255, 255);">•Email:
</span><span style="font-family: "Franklin Gothic Book", sans-serif, serif, EmojiFont; font-size: 12pt; color: rgb(5, 99, 193);"><b><a href="mailto:molsson@sbctc.edu" target="_blank" rel="noopener noreferrer" style="margin: 0px;">molsson@sbctc.edu</a></b></span><span style="font-family: "Franklin Gothic Book", sans-serif, serif, EmojiFont; font-size: 12pt; color: rgb(0, 32, 96);"><b> </b>•
Phone: 360-704-3922</span></p>
</div>
<span style="font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);"><br>
</span>
<div style="font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);">
<br>
</div>
<p style="text-align: left; background-color: rgb(255, 255, 255); margin: 0in; font-family: Calibri, sans-serif; font-size: 11pt; color: rgb(36, 36, 36);">
<span style="font-size: 12pt;"><b><i>The power of the Web is in its universality.</i></b></span><b><i><br>
</i></b><span style="font-size: 12pt;"><b><i>Access by everyone regardless of disability is an essential aspect.</i></b></span></p>
<p style="text-align: left; background-color: rgb(255, 255, 255); margin: 0in; font-family: Calibri, sans-serif; font-size: 11pt; color: rgb(36, 36, 36);">
Tim Berners-Lee, W3C Director and inventor of the World Wide Web</p>
<span style="font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);"><br>
</span>
<table id="pbpsiglinktable">
<tbody>
<tr>
<td style="width: 22px; height: 26px;"><a href="https://outlook.office.com/bookwithme/user/321a279c65664c04a18fa34a96e959ab@sbctc.edu?anonymous&ep=signature"><img src="https://res.cdn.office.net/assets/bookwithme/misc/CalendarPerson20px.png"></a></td>
<td style="width: 2px; height: 26px;"></td>
<td style="width: 194.031px; height: 26px;"><span style="color: rgb(12, 100, 192);"><a href="https://outlook.office.com/bookwithme/user/321a279c65664c04a18fa34a96e959ab@sbctc.edu?anonymous&ep=signature" style="color: rgb(12, 100, 192); text-decoration: none;">Book
time to meet with me</a></span></td>
<td style="width: 2px; height: 26px;"></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>