<div dir="ltr"><div>Hi, Gian.</div><div><br></div><div>I am not an expert in typography, but I was asked for advice on how to evaluate fonts for accessibility a while back.  After researching a number of sources, I made the following recommendations.  Note that I actually recommended to err on the side of less stroke thickness, because, for some fonts, if strokes are too thick it can cause features of the type to become indistinguishable for individuals with reduced acuity. I'd be interested to hear if folks think these recommendations make sense.  </div><div><br></div><div>Anyway, here they are:</div><div><ul><li>Font should use consistent stroke width.  Any weight changes within characters should be subtle.<br></li><li>Letters should have large counterforms or "counters"<br></li><li>Letters should have open apertures<br></li><li>Letters should have pronounced ascenders and descenders<br></li><li>Letters should have wider horizontal proportions<br></li><li>Letters should have ample lowercase x-heights<br></li><li>Font should have distinct forms for each character (such as tails on the lowercase letters “t” and “j”)<br></li><li>Font should use extended horizontal strokes for certain letterforms (such as the arm of the lowercase letter “r” or the crossbar of the lowercase letter “t”)<br></li><li>You should generally avoid scripts and decorative typestyles<br></li><li>Font should not use excessively light or bold weighting, but lighter is probably better.  Stroke thickness of around 18% of x-height best.<br></li><li>Sans serif, roman (as opposed to italic or oblique), and monospaced fonts are preferable for dyslexia<br></li><li>If font has serifs, they should be short, bracketed, and not distracting<br></li><li>If font is sans serif, ensure sufficient kerning<br></li><li>Avoid ALL CAPS fonts</li></ul></div><div><b>Situational factors</b></div><div><ul><li>Sans serif better for numerals<br></li><li>Condensed proportions better in cramped quarters<br></li><li>Sans serif better for smaller font sizes<br></li></ul></div><div> </div><div><b>Heuristic Testing for Font Legibility</b></div><div><br></div><div>As a simple heuristic spot check, to see how your choices might affect people with low visual acuity, try this (note, though, that people with dyslexia are also affected by font choices):</div><div><br></div><div>Go to TypeKits (<a href="https://typekit.com/fonts/" target="_blank">https://typekit.com/fonts/</a>) and for each font, at 16 points, enter the character set that follows:  </div><div><br></div><div>qwertyuiopasdfghjklzxcvbnm</div><div>QWERTYUIOPASDFGHJKLZXCVBNM</div><div>1234567890`~!@#$%^&*()-_=+[]\{<wbr>}|;’:”,./<>?</div><div><br></div><div>Using the NoCoffee Vision Simulator for Chrome (<a href="https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl?hl=en-US" target="_blank">https://chrome.google.com/<wbr>webstore/detail/nocoffee/<wbr>jjeeggmbnhckmgdhmgdckeigabjfbd<wbr>dl?hl=en-US</a>), set “Blur (low acuity)” to 3, and see how well each one holds up in terms of ability to distinguish between characters, paying particular attention to filled in counters.</div><div><br></div><div>In looking for distinctions between letters, consider the difference between the following:</div><div><ul><li>I (uppercase eye), l (lowercase el) and 1 (one),<br></li><li>1 (one), and 7(seven)<br></li><li>! (exclamation), and i (lowercase eye)<br></li><li>B (uppercase bee), 8 (eight), and 9 (nine)<br></li><li>3 (three), and 8 (eight)<br></li><li>c (lowercase see), and o (lowercase oh)<br></li><li>d (lowercase dee), a (lowercase aye), o (lowercase oh), and g (lowercase gee)<br></li><li>0 (zero), O (uppercase oh)<br></li><li>g (lowercase gee), q (lowercase cue), and p (lowercase pee)<br></li><li>G (uppercase gee), and & (ampersand)<br></li><li>5 (five), and 6 (six)<br></li><li>6 (six), and G (uppercase gee)<br></li><li>5 (five), and S (uppercase ess)<br></li><li>A (uppercase aye), R (uppercase are)<br></li></ul></div><div><br></div><div><b>Reference</b></div><div><br></div><div>If you are unsure what any of the terms I used mean, look here:</div><div><a href="https://www.fonts.com/content/learning/fontology/level-1/type-anatomy/anatomy" target="_blank">https://www.fonts.com/content/<wbr>learning/fontology/level-1/<wbr>type-anatomy/anatomy</a></div><div><br></div><div>The sources I drew upon and the notes I took are available here:</div><div><a href="https://docs.google.com/document/d/1b7WeCYIkPizGbKI4G3213P_0U0G4vC0zdTSQO-BU7cA/edit?usp=sharing" target="_blank">https://docs.google.com/<wbr>document/d/<wbr>1b7WeCYIkPizGbKI4G3213P_<wbr>0U0G4vC0zdTSQO-BU7cA/edit?usp=<wbr>sharing</a></div><div><br></div><div>Best,</div><div>Rob</div><div><br></div></div><div class="gmail_extra"><br><div class="gmail_quote">On Thu, Jun 21, 2018 at 9:07 PM, Gian Wild <span dir="ltr"><<a href="mailto:gian@accessibilityoz.com" target="_blank">gian@accessibilityoz.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">





<div lang="EN-US" link="#0563C1" vlink="#954F72">
<div class="m_2987627003051430419WordSection1">
<p class="MsoNormal">Hi<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">Does anyone have some research or evidence about the accessibility of different fonts? We have come across a very thin-lined font and we have been asked for proof that it is harder to read than normal font.<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">Thanks<u></u><u></u></p>
<p class="MsoNormal">Gian<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">(Sorry for cross-posting)<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal" style="background:white"><b><span lang="EN-AU" style="color:#006666"><u></u> <u></u></span></b></p>
<p class="MsoNormal" style="background:white"><b><span lang="EN-AU" style="color:#006666">Gian Wild, CEO</span></b><span lang="EN-AU" style="font-size:12.0pt;color:#006666"><u></u><u></u></span></p>
<p class="MsoNormal" style="background:white"><b><span lang="EN-AU" style="color:#d05c12">AccessibilityOz<u></u><u></u></span></b></p>
<p class="MsoNormal" style="background:white"><b><span lang="EN-AU" style="color:black">Company Twitter:</span></b><span lang="EN-AU" style="color:black"> @accessibilityoz<u></u><u></u></span></p>
<p class="MsoNormal" style="margin-left:36.0pt;background:white"><span lang="EN-AU" style="color:black"><u></u> <u></u></span></p>
<p class="MsoNormal" style="background:white"><b><span lang="EN-AU" style="color:black">Email:</span></b><span lang="EN-AU" style="color:black">
</span><a href="mailto:gian@accessibilityoz.com" target="_blank"><span style="color:#0563c1">gian@accessibilityoz.com</span></a>
<span lang="EN-AU" style="color:black"><u></u><u></u></span></p>
<p class="MsoNormal" style="background:white"><b><span lang="EN-AU">United States:
</span></b><span lang="EN-AU">(415) 621 9366 – <b>Cell:</b> (646) 785 3689<b><u></u><u></u></b></span></p>
<p class="MsoNormal" style="background:white"><b><span lang="EN-AU">Australia: </span>
</b><span lang="EN-AU">(03) 8677 0828 – <b>Mobile: </b>042 442 6262<u></u><u></u></span></p>
<p class="MsoNormal" style="background:white"><b><span lang="EN-AU" style="color:black">Twitter:</span></b><span lang="EN-AU" style="color:black"> @gian –
<b>LinkedIn:</b> <a href="https://www.linkedin.com/in/gianwild/" target="_blank"><span style="color:#0563c1">https://www.linkedin.com/in/<wbr>gianwild/</span></a>
<u></u><u></u></span></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal"><b>Products:<u></u><u></u></b></p>
<p class="MsoNormal"><b><span style="color:#006666"><a href="https://www.accessibilityoz.com/ozart/" target="_blank"><span style="color:#0563c1">OzART:</span></a></span></b><span style="color:#006666">
<b>our fully accessible automated testing tool</b></span><u></u><u></u></p>
<p class="MsoNormal"><b><span style="color:#2f5496"><a href="https://www.accessibilityoz.com/ozplayer/" target="_blank"><span style="color:#0563c1">OzPlayer:</span></a></span></b><span style="color:#2f5496">
<b>our fully accessible video player</b></span><u></u><u></u></p>
<p class="MsoNormal"><b><span style="color:#7030a0"><a href="https://www.accessibilityoz.com/ozwiki/" target="_blank"><span style="color:#0563c1">OzWiki:</span></a></span></b><span style="color:#7030a0">
<b>our database of accessibility errors, examples and solutions</b></span><u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
</div>
</div>

<br>______________________________<wbr>_________________<br>
athen-list mailing list<br>
<a href="mailto:athen-list@mailman12.u.washington.edu">athen-list@mailman12.u.<wbr>washington.edu</a><br>
<a href="http://mailman12.u.washington.edu/mailman/listinfo/athen-list" rel="noreferrer" target="_blank">http://mailman12.u.washington.<wbr>edu/mailman/listinfo/athen-<wbr>list</a><br>
<br></blockquote></div><br><br clear="all"><div><br></div>-- <br><div class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div><b><font size="4">Rob Fentress</font></b></div><div><b>Web Accessibility Solutions Designer</b></div><div>Accessible Technologies at Virginia Tech</div><div dir="ltr"><a href="http://search.vt.edu/search/person.vcf?person=1154847" target="_blank">Electronic Business Card (vCard)</a></div></div><div><a href="https://www.linkedin.com/in/rob-fentress-aa0b609?trk=profile-badge" target="_blank">LinkedIn Profile</a></div><div><a href="https://virginiatech.zoom.us/my/rob.fentress" target="_blank">VT Zoom Personal Conferencing</a></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
</div>