<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 14 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{mso-style-priority:34;
margin-top:0in;
margin-right:0in;
margin-bottom:0in;
margin-left:.5in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
span.EmailStyle18
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.EmailStyle19
{mso-style-type:personal-reply;
font-family:"Calibri","sans-serif";
color:#1F497D;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@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:907495238;
mso-list-type:hybrid;
mso-list-template-ids:-142565828 67698703 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l0:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level2
{mso-level-tab-stop:1.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level3
{mso-level-tab-stop:1.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level4
{mso-level-tab-stop:2.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level5
{mso-level-tab-stop:2.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level6
{mso-level-tab-stop:3.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level7
{mso-level-tab-stop:3.5in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level8
{mso-level-tab-stop:4.0in;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level9
{mso-level-tab-stop:4.5in;
mso-level-number-position:left;
text-indent:-.25in;}
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="blue" vlink="purple">
<div class="WordSection1">
<p class="MsoNormal"><span style="color:#1F497D">Hi Dawn,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">WebAIM has a useful information about font types and accessibility:
<a href="http://webaim.org/techniques/fonts/#readability">http://webaim.org/techniques/fonts/#readability</a> There is some information there on spacing and uniformity that could be helpful in the situation you’re describing.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><br>
I’ve also found some of the research of Dr. Aries Arditi of The Lighthouse in NYC very helpful. While I can’t put my finger on a particular article, there is a resource page about legibility of fonts that is very useful:
<a href="http://www.lighthouse.org/accessibility/design/accessible-print-design/making-text-legible">
http://www.lighthouse.org/accessibility/design/accessible-print-design/making-text-legible</a>
<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><br>
Dr. Arditi’s other articles and findings are also incredibly helpful regarding font types and color contrast.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><br>
Hope this helps,<br>
Kathy<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">Kathleen Cahill<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">Assistive Technology Specialist<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">MIT ATIC (Assistive Tech. Info. Center)<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">77 Mass. Ave. 7-143<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">Cambridge MA 02139<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">(617) 253-5111<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">kcahill@mit.edu<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<div>
<div style="border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in">
<p class="MsoNormal"><b><span style="font-size:10.0pt;font-family:"Tahoma","sans-serif"">From:</span></b><span style="font-size:10.0pt;font-family:"Tahoma","sans-serif""> athen-list-bounces@mailman2.u.washington.edu [mailto:athen-list-bounces@mailman2.u.washington.edu]
<b>On Behalf Of </b>Hunziker, Dawn A - (hunziker)<br>
<b>Sent:</b> Tuesday, February 18, 2014 7:16 PM<br>
<b>To:</b> 'athen-list@u.washington.edu'<br>
<b>Subject:</b> [Athen] Web Font Accessibility - Resources available?<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Hi all,<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">The University of Arizona is working with a Web Designer who has chosen the Milo font as the main font for our pages. Upon looking at this font face I see several items that are concerning: (If you want to view a sample, you can search
for Milo font and there are images that will display the entire font set)<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoListParagraph" style="text-indent:-.25in;mso-list:l0 level1 lfo2"><![if !supportLists]><span style="mso-list:Ignore">1.<span style="font:7.0pt "Times New Roman"">
</span></span><![endif]>A “one” actually looks like an “I” and an uppercase “L” looks like “l” – which I believe is similar to Arial<o:p></o:p></p>
<p class="MsoListParagraph" style="text-indent:-.25in;mso-list:l0 level1 lfo2"><![if !supportLists]><span style="mso-list:Ignore">2.<span style="font:7.0pt "Times New Roman"">
</span></span><![endif]>When using numbers, some of the numbers drop below the line, similar to a “g” or “y” so 3, 4, 5, 7, and 9 are actually lower than the rest of the numbers. If you have a row of numbers such as 3/15/14 – you are going to have a wavy line
of text. <o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">I know there are standards for font sizing and how to code for font sizing but are there any standards for font and accessibility for reading that I can reference?
<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Thanks for any resources you can send my way!<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Dawn<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">~~<o:p></o:p></p>
<p class="MsoNormal">Dawn Hunziker<o:p></o:p></p>
<p class="MsoNormal">Coordinator, Technology Access<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Disability Resource Center<o:p></o:p></p>
<p class="MsoNormal">520-626-9409<o:p></o:p></p>
<p class="MsoNormal"><a href="mailto:hunziker@email.arizona.edu">hunziker@email.arizona.edu</a><o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</body>
</html>