<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:"Noto Sans Symbols";}
/* 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;}
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;}
span.EmailStyle19
{mso-style-type:personal-compose;
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;}
/* List Definitions */
@list l0
{mso-list-id:1433890014;
mso-list-template-ids:-2066161626;}
@list l0: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 l0: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 l0: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 l0: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 l0: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 l0: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 l0: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 l0: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 l0: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";}
@list l1
{mso-list-id:1764760658;
mso-list-template-ids:2085887598;}
@list l1: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 l1: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 l1: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 l1: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 l1: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 l1: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 l1: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 l1: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 l1: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;}
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">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>
<h2><o:p> </o:p></h2>
<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="MsoNormal"><o:p> </o:p></p>
<h2>Topic 2: Load more vs. pagination approach<o:p></o:p></h2>
<p class="MsoNormal"><span style="font-size:12.0pt">Greg Schlimm from CoMotion Innovation Center is seeking for feedback on their search implementation.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;color:black">Our accessibility question relates to long lists of posts that can be searched or filtered by category. Typically, we reveal 10 or more results at a time, with a UI for revealing additional posts.
Our startup page currently implements a "Load More" approach. You can reveal more startups without a browser refresh, but it has shortcomings when you use the browser back button. Some websites implement a pagination design, with previous, next, and page number
buttons. This simplifies the back button and history behaviors, but it requires more page refreshes.<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">Before I get into the bug fixes and history issues, I'd like to hear the pros and cons of these designs.<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">Specifically, I will be focused on this CoMotion startup list, but our conclusions will be applied to other features and websites.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;color:black"><a href="https://comotion.uw.edu/our-impact/startups/" target="_blank"><span style="background:white">https://comotion.uw.edu/our-impact/startups/</span></a><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">This 2016 Smashing Magazine article raises similar questions in an e-commerce context.<br>
<a href="https://urldefense.com/v3/__https:/www.smashingmagazine.com/2016/03/pagination-infinite-scrolling-load-more-buttons/__;!!K-Hz7m0Vt54!neGZ87VRzzMg-kNLBTobPKFInh0PArUsc0dxbC-AJ9UJjzRf2j4fYTV3MXqZp5IFwA6sogcabAghqA$" target="_blank">https://www.smashingmagazine.com/2016/03/pagination-infinite-scrolling-load-more-buttons/</a></span><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="MsoNormal" style="color:black;mso-list:l0 level1 lfo3"><span style="font-size:12.0pt">What: Monthly Web Accessibility/Usability Meetup<o:p></o:p></span></li><li class="MsoNormal" style="color:black;mso-list:l0 level1 lfo3"><span style="font-size:12.0pt">When: May 11, 2023 10-11 AM PT]<o:p></o:p></span></li><li class="MsoNormal" style="color:black;mso-list:l0 level1 lfo3"><span style="font-size:12.0pt;color:windowtext">Where:
</span><span style="color:windowtext"><a href="https://washington.zoom.us/my/hadirangin"><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="MsoNormal" style="color:black;mso-list:l0 level1 lfo3"><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>
</div>
</body>
</html>