<div dir="ltr">WCAG 2.1 introduced a contrast ratio requirement for non-text elements of 3.0; the success criteria has this note:<div><span style="color:rgb(0,0,0);font-family:sans-serif;font-size:medium"><br></span></div><div><span style="color:rgb(0,0,0);font-family:sans-serif;font-size:medium">In combination with </span><a href="https://www.w3.org/TR/WCAG21/#focus-visible" style="color:rgb(3,69,117);text-decoration-line:none;border-bottom:1px solid rgb(187,187,187);padding:0px 1px;font-family:sans-serif;font-size:medium">2.4.7 Focus Visible</a><span style="color:rgb(0,0,0);font-family:sans-serif;font-size:medium">, the visual focus indicator for a component </span><em style="color:rgb(0,0,0);font-family:sans-serif;font-size:medium">must</em><span style="color:rgb(0,0,0);font-family:sans-serif;font-size:medium"> have sufficient contrast against the adjacent background when the component is focused, except where the appearance of the component is determined by the user agent and not modified by the author.</span><br></div><div> <br clear="all"><div><div dir="ltr" class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div>Laura Fathauer, WAS<br></div><div>Web Content Accessibility Specialist<br>Miami University<br>IT Services<br>316B Shriver Center<br>Oxford, OH 45056<br>Tel: 513.529.3559<br>Fax: 513.529.1496</div><div><img src="https://docs.google.com/uc?export=download&id=1Pfe-4oeHKW9n9nZOjfVua95KLZQEeFLz&revid=0B6T6q3vEVkboUmpmM3JBdEFXRzlOc1RwS2NBWHNiU0FmTW13PQ"><br></div></div></div></div><br></div></div><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Tue, Sep 17, 2019 at 6:23 PM Khoa Pham <<a href="mailto:kpham@swccd.edu">kpham@swccd.edu</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
<div lang="EN-US">
<div class="gmail-m_-6614429388985670046WordSection1">
<p class="MsoNormal">Hello everyone,<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">My apologies if these questions have already been asked.<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="gmail-m_-6614429388985670046MsoListParagraph"><u></u><span>1.<span style="font:7pt "Times New Roman"">
</span></span><u></u>What are the standard or criteria for an acceptable visible keyboard focus indication?<u></u><u></u></p>
<p class="gmail-m_-6614429388985670046MsoListParagraph"><u></u><span>2.<span style="font:7pt "Times New Roman"">
</span></span><u></u>Should tables be used to for page content layout such as in Canvas, word documents, and PDFs regardless of the number of table cells used?<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">I’ve found that some keyboard focus indications are clear and very easy to see when navigating with the keyboard, while other makes me wonder if they are sufficient enough to be considered accessible. Please see the attached images for
examples.<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">For table layouts, I’ve seen a few being used with a minimum of two cells to provide an image of an instructor adjacent to the cell that contains their information. Would this be acceptable?<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">Thanks in advance,<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">Khoa<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
</div>
</div>
_______________________________________________<br>
athen-list mailing list<br>
<a href="mailto:athen-list@mailman12.u.washington.edu" target="_blank">athen-list@mailman12.u.washington.edu</a><br>
<a href="http://mailman12.u.washington.edu/mailman/listinfo/athen-list" rel="noreferrer" target="_blank">http://mailman12.u.washington.edu/mailman/listinfo/athen-list</a><br>
</blockquote></div>