<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css" style="display:none;"> P {margin-top:0;margin-bottom:0;} </style>
</head>
<body dir="ltr">
<div style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0);" class="elementToProof">
Hi CATO, I am sharing these resources with you from Pope Tech with has partnered with WebAIM for the past fews on an A11Y conference, materials, and resources.</div>
<div class="elementToProof">
<div style="font-family: "Century Gothic", sans-serif; font-size: 11pt; color: rgb(0, 0, 0);">
<br>
</div>
<div id="Signature">
<div>
<div style="font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);">
</div>
<div style="font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);">
<p style="text-align: start; font-size: 11pt; font-family: Calibri, sans-serif; margin: 0px; color: rgb(32, 31, 30); background-color: rgb(255, 255, 255);">
<br>
</p>
<div style="margin: 0px; font-size: 15px; text-align: start; color: rgb(32, 31, 30); background-color: rgb(255, 255, 255);">
<p style="font-size:11pt; font-family:Calibri,sans-serif; margin:0px"><img align="left" alt="Title: SBCTC logo - Description: Compass" style="width: 60px; height: 113px; max-width: initial;" width="60" height="113" data-outlook-trace="F:1|T:1" src="cid:7a8e70fb-9da3-4aa2-8f5f-6f7bdbbcb022"></p>
<p style="font-size:11pt; font-family:Calibri,sans-serif; margin:0px"><b><span style="margin: 0px; font-size: 14pt; font-family: "Franklin Gothic Book", sans-serif, serif, EmojiFont; color: rgb(0, 32, 96);">Monica M. Olsson (she/her/hers)</span></b></p>
<p style="font-size:11pt; font-family:Calibri,sans-serif; margin:0px"><span style="margin: 0px; font-size: 12pt; font-family: "Franklin Gothic Book", sans-serif, serif, EmojiFont; color: rgb(0, 32, 96);">Policy Associate – Accessible IT Coordinator</span></p>
<p style="font-size:11pt; font-family:Calibri,sans-serif; margin:0px"><span style="margin: 0px; font-size: 12pt; font-family: "Franklin Gothic Book", sans-serif, serif, EmojiFont; color: rgb(0, 32, 96);">Washington State Board for Community and Technical Colleges</span></p>
<p style="font-size:11pt; font-family:Calibri,sans-serif; margin:0px"><span style="margin: 0px; font-size: 12pt; font-family: "Franklin Gothic Book", sans-serif, serif, EmojiFont; color: rgb(5, 99, 193);"><span style="font-weight: 400; display: inline !important; color: rgb(0, 32, 96); background-color: rgb(255, 255, 255);">•Email: </span><a href="mailto:molsson@sbctc.edu" target="_blank" rel="noopener noreferrer" style="text-decoration-line: underline; margin: 0px;"><span style="margin:0px"><b>molsson@sbctc.edu</b></span></a></span><span style="margin: 0px; font-size: 12pt; font-family: "Franklin Gothic Book", sans-serif, serif, EmojiFont; color: rgb(0, 32, 96);"><span><b> </b></span>•
Phone: 360-704-3922</span><b style="font-family: "Franklin Gothic Book", sans-serif, serif, EmojiFont; font-size: 12pt; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; color: rgb(0, 32, 96);"></b></p>
</div>
<br>
</div>
<div style="font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);">
<br>
</div>
<div style="font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);">
<p style="margin: 0in; font-size: 11pt; font-family: Calibri, sans-serif; text-align: start; color: rgb(36, 36, 36); background-color: rgb(255, 255, 255);">
<span style="font-size: 12pt;"><b><i class="ContentPasted0">The power of the Web is in its universality.</i></b></span><b><i class="ContentPasted0"><br class="ContentPasted0">
</i></b><span style="font-size: 12pt;"><b><i class="ContentPasted0">Access by everyone regardless of disability is an essential aspect.</i></b></span></p>
<p style="margin: 0in; font-size: 11pt; font-family: Calibri, sans-serif; text-align: start; color: rgb(36, 36, 36); background-color: rgb(255, 255, 255);">
<span style="font-size: 11pt; margin: 0px;" class="ContentPasted0">Tim Berners-Lee, W3C Director and inventor of the World Wide Web</span></p>
<br>
</div>
<table id="pbpsiglinktable">
<tbody>
<tr>
<td><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></td>
<td><a href="https://outlook.office.com/bookwithme/user/321a279c65664c04a18fa34a96e959ab@sbctc.edu?anonymous&ep=signature" style="text-decoration: none; color: rgb(0, 120, 212);"><span style="color: rgb(12, 100, 192);">Book time to meet with me</span></a></td>
<td>
<table>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="appendonsend"></div>
<hr style="display:inline-block;width:98%" tabindex="-1">
<div id="divRplyFwdMsg" dir="ltr"><font face="Calibri, sans-serif" style="font-size:11pt" color="#000000"><b>From:</b> Jay Pope <jay@pope.tech><br>
<b>Sent:</b> Tuesday, September 5, 2023 9:30 AM<br>
<b>To:</b> Monica Olsson <molsson@sbctc.edu><br>
<b>Subject:</b> Chart and graph accessibility</font>
<div> </div>
</div>
<style style="font-family:Arial,Helvetica,sans-serif">
<!--
-->
</style><style>
<!--
a:hover
{color:#133342}
a:focus
{color:#133342}
-->
</style>
<div style="font-family:Arial,Helvetica,sans-serif">
<div id="x_footer" style="background-color:white; width:100%; border:2px solid #c00000; padding:2pt; border-style:solid; border-color:#c00000; color:#c00000">
<b>
<center>[Sent from outside SBCTC] </b></center>
</div>
<br>
<div>
<div id="x_preview-text" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333">
<span style="font-family:Arial,Helvetica,sans-serif; display:none; max-height:0; overflow:hidden">5 ways to make data visualizations more accessible.
</span><span style="font-family:Arial,Helvetica,sans-serif; display:none; max-height:0; overflow:hidden">
</span></div>
<div class="x_message-content" style="font-size:15px; line-height:1.5em; color:#333333; max-width:600px; font-family:Arial,Helvetica,sans-serif">
<div style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; padding-bottom:10px">
<p class="" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:1em; margin-top:0">
Hi Monica,</p>
<p class="" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:1em; margin-top:0">
Let’s start with the power of data visualizations, or charts and graphs. </p>
<p class="" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:1em; margin-top:0">
Data visualizations are several data points coming together to communicate a trend or opportunity helping people make better decisions.
<strong style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit">
In any industry, this is essential, meaning it’s also essential that they’re accessible and usable.</strong></p>
<p class="" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:1em; margin-top:0">
On top of basic accessibility requirements like color, keyboard accessibility, and screen reader compatibility, we have 5 ways to make your data visualizations more usable for users with disabilities:</p>
<ol class="x_unordered_list" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:1em; margin-top:0; list-style-position:inside">
<li class="x_list_item" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:.5em; list-style-position:outside!important">
<span style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit">Give the tabular data.</span></li><li class="x_list_item" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:.5em; list-style-position:outside!important">
<span style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit">Use headings to introduce the data.</span></li><li class="x_list_item" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:.5em; list-style-position:outside!important">
<span style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit">Write detailed captions.</span></li><li class="x_list_item" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:.5em; list-style-position:outside!important">
<span style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit">Make goal-oriented data views.</span></li><li class="x_list_item" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:.5em; list-style-position:outside!important">
<span style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit">Give filter options.</span></li></ol>
<p class="" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:1em; margin-top:0">
For more detailed information about each of these strategies, read <a href="https://click.convertkit-mail2.com/38umrr24m7ckhoz2w5lirh56e0pnn/7qh7h8hom8429wtz/aHR0cHM6Ly9ibG9nLnBvcGUudGVjaC8yMDIzLzA4LzMxL2hvdy10by1tYWtlLWNoYXJ0cy1hbmQtZ3JhcGhzLW1vcmUtYWNjZXNzaWJsZS8=" target="_blank" rel="noopener noreferrer" style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit; color:#28632d">
How to make charts and graphs more accessible</a>.</p>
<h2 class="" style="font-family:Arial,Helvetica,sans-serif; color:#333; margin-bottom:1em; font-size:20px">
Lists and tables</h2>
<p class="" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:1em; margin-top:0">
Lists and tables are the backbone of these data visualizations since they’re typically based on tabular data. Certain situations won’t need a data visualization. Instead, a simple table or list will accomplish the goal.
</p>
<p class="" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:1em; margin-top:0">
When made correctly, lists and tables are easy for people with disabilities to navigate. It’s just a matter of the content creator knowing how to make them. Learn how to make semantically correct lists and tables in these resources:</p>
<ul class="x_unordered_list" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:1em; margin-top:0; list-style-position:inside">
<li class="x_list_item" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:.5em; list-style-position:outside!important">
<span style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit"><a href="https://click.convertkit-mail2.com/38umrr24m7ckhoz2w5lirh56e0pnn/owhkhqhr7n8mwoiv/aHR0cHM6Ly9ibG9nLnBvcGUudGVjaC8yMDIzLzA4LzIyL2JlZ2lubmVycy1ndWlkZS10by1hY2Nlc3NpYmxlLXRhYmxlcy8=" target="_blank" rel="noopener noreferrer" style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit; color:#28632d">A
beginner’s guide to accessible tables (Updated August 2023)</a></span></li><li class="x_list_item" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:.5em; list-style-position:outside!important">
<span style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit"><a href="https://click.convertkit-mail2.com/38umrr24m7ckhoz2w5lirh56e0pnn/z2hghnh387d2e0fp/aHR0cHM6Ly9ibG9nLnBvcGUudGVjaC8yMDIzLzA5LzAxL2FjY2Vzc2libGUtbGlzdHMv" target="_blank" rel="noopener noreferrer" style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit; color:#28632d">A
beginner’s guide to lists and how to make them accessible (Updated August 2023)</a></span></li></ul>
<p class="" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:1em; margin-top:0">
Check out more list, table, and data visualization resources for September’s monthly focus below:</p>
<ul class="x_unordered_list" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:1em; margin-top:0; list-style-position:inside">
<li class="x_list_item" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:.5em; list-style-position:outside!important">
<span style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit"><a href="https://click.convertkit-mail2.com/38umrr24m7ckhoz2w5lirh56e0pnn/7qh7h8hom8429wtz/aHR0cHM6Ly9ibG9nLnBvcGUudGVjaC8yMDIzLzA4LzMxL2hvdy10by1tYWtlLWNoYXJ0cy1hbmQtZ3JhcGhzLW1vcmUtYWNjZXNzaWJsZS8=" target="_blank" rel="noopener noreferrer" style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit; color:#28632d">How
to make charts and graphs more accessible</a></span></li><li class="x_list_item" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:.5em; list-style-position:outside!important">
<span style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit"><a href="https://click.convertkit-mail2.com/38umrr24m7ckhoz2w5lirh56e0pnn/x0hph6hwlz7veoi5/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1LY0R5VW02V2hMUQ==" target="_blank" rel="noopener noreferrer" style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit; color:#28632d">Accessible
data visualizations (YouTube video)</a></span></li><li class="x_list_item" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:.5em; list-style-position:outside!important">
<span style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit"><a href="https://click.convertkit-mail2.com/38umrr24m7ckhoz2w5lirh56e0pnn/6qheh8h7dw28lrbo/aHR0cHM6Ly9ibG9nLnBvcGUudGVjaC8yMDIyLzA5LzAxL2FjY2Vzc2libGUtbGlzdHMtYW5kLXRhYmxlcy10cmFpbmluZy1yZXNvdXJjZXMv" target="_blank" rel="noopener noreferrer" style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit; color:#28632d">All
list and table resources</a></span></li></ul>
<p class="" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:1em; margin-top:0">
- jay pope</p>
<p class="" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; margin-bottom:1em; margin-top:0">
If you have any feedback about these articles or the software, please reply to this email to let us know.</p>
</div>
<div class="x_footer" style="font-size:15px; line-height:1.5em; font-family:Arial,Helvetica,sans-serif; color:#333333; border-top:1px dotted #888; padding:20px 0px; padding-bottom:10px">
<p style="font-size:15px; line-height:1.5em; color:#333333; margin-bottom:1em; margin-top:0; font-family:Arial,Helvetica,sans-serif; color:#4d4a4a; font-size:12px">
<a href="https://unsubscribe.convertkit-mail2.com/38umrr24m7ckhoz2w5lirh56e0pnn" style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit; color:#28632d">Unsubscribe</a> |
<a href="https://preferences.convertkit-mail2.com/38umrr24m7ckhoz2w5lirh56e0pnn" style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit; color:#28632d">
Update your profile</a> | Pope Tech PO Box 460, Providence, Utah 84332 </p>
<p style="font-size:15px; line-height:1.5em; color:#333333; margin-bottom:1em; margin-top:0; font-family:Arial,Helvetica,sans-serif; color:#4d4a4a; font-size:12px">
<b style="font-family:Arial,Helvetica,sans-serif; color:inherit; font-family:inherit; font-size:inherit">About Pope Tech:</b> Our mission is to significantly improve web accessibility for as many people as possible by empowering web creators in making websites
accessible to people with disabilities. </p>
<p style="font-size:15px; line-height:1.5em; color:#333333; margin-bottom:1em; margin-top:0; font-family:Arial,Helvetica,sans-serif; color:#4d4a4a; font-size:12px">
The information provided in this email is for education purposes only and does not represent legal or professional advice for organizations' unique circumstances.
</p>
</div>
</div>
<img alt="" style="font-family:Arial,Helvetica,sans-serif" src="https://open.convertkit-mail2.com/38umrr24m7ckhoz2w5lirh56e0pnn">
</div>
</div>
</body>
</html>