<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)">
<!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><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 Light";
panose-1:2 15 3 2 2 2 4 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 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:#0563C1;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:#954F72;
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;}
p.msonormal0, li.msonormal0, div.msonormal0
{mso-style-name:msonormal;
mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
span.EmailStyle19
{mso-style-type:personal;
font-family:"Calibri Light",sans-serif;
color:#050C15;
position:relative;
top:0pt;
mso-text-raise:0pt;
letter-spacing:0pt;
font-weight:normal;
font-style:normal;}
span.EmailStyle20
{mso-style-type:personal;
font-family:"Calibri",sans-serif;
color:windowtext;}
span.EmailStyle21
{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:987317161;
mso-list-type:hybrid;
mso-list-template-ids:-313329094 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-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level3
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l0:level4
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level5
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level6
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l0:level7
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level8
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level9
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l1
{mso-list-id:1375616456;
mso-list-type:hybrid;
mso-list-template-ids:-1132700428 67698689 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l1:level1
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:.25in;
text-indent:-.25in;
font-family:Symbol;}
@list l1:level2
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:.75in;
text-indent:-.25in;}
@list l1:level3
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
margin-left:1.25in;
text-indent:-9.0pt;}
@list l1:level4
{mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:1.75in;
text-indent:-.25in;}
@list l1:level5
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:2.25in;
text-indent:-.25in;}
@list l1:level6
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
margin-left:2.75in;
text-indent:-9.0pt;}
@list l1:level7
{mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:3.25in;
text-indent:-.25in;}
@list l1:level8
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
margin-left:3.75in;
text-indent:-.25in;}
@list l1:level9
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
margin-left:4.25in;
text-indent:-9.0pt;}
@list l2
{mso-list-id:1619263758;
mso-list-template-ids:1321777308;}
@list l2: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 l2: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 l2: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 l2: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 l2: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 l2: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 l2: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 l2: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 l2: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;}
@list l3
{mso-list-id:2000113968;
mso-list-template-ids:-983911632;}
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">
<div class="WordSection1">
<p class="MsoNormal"><span style="color:#1F497D">Thanks for that thorough explanation. I am a font-nerd at heart (albeit an extreme novice) and you speak the language of my gods! ;)
<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;font-family:"Calibri Light",sans-serif;color:#1F497D">Leyna Bencomo<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;font-family:"Calibri Light",sans-serif;color:#1F497D">Assistive Technology Specialist<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;font-family:"Calibri Light",sans-serif;color:#1F497D">Information Technology<o:p></o:p></span></p>
<p class="MsoNormal"><b><span style="font-size:12.0pt;font-family:"Calibri Light",sans-serif;color:#1F497D">University of Colorado Colorado Springs<o:p></o:p></span></b></p>
<p class="MsoNormal"><span style="font-size:12.0pt;font-family:"Calibri Light",sans-serif;color:#1F497D">1420 Austin Bluffs Parkway, EPC 215<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;font-family:"Calibri Light",sans-serif;color:#1F497D">Colorado Springs, CO 80918<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;font-family:"Calibri Light",sans-serif;color:#1F497D">(719) 255-4202 /
<a href="mailto:lbencomo@uccs.edu">lbencomo@uccs.edu</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;font-family:"Calibri Light",sans-serif;color:#1F497D"><a href="http://www.uccs.edu/~it/">http://www.uccs.edu/~it/</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><img border="0" width="250" height="44" style="width:2.6041in;height:.4583in" id="Picture_x0020_1" src="cid:image001.gif@01D2F56B.3BFE8F10" alt="uccs-signature-email"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">(Please excuse typos, I am using dictation software temporarily)<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 #E1E1E1 1.0pt;padding:3.0pt 0in 0in 0in">
<p class="MsoNormal"><b>From:</b> athen-list [mailto:athen-list-bounces@mailman13.u.washington.edu]
<b>On Behalf Of </b>Chagnon | PubCom<br>
<b>Sent:</b> Wednesday, July 5, 2017 8:34 AM<br>
<b>To:</b> 'Access Technology Higher Education Network' <athen-list@u.washington.edu><br>
<b>Subject:</b> Re: [Athen] Left-aligned vs justified text<o:p></o:p></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">RE: accessibility, I don’t see anything in the current WCAG or PDF/UA requiring justified or ragged text. If it was there, it would most likely be under Guideline 3.1 Readable: Make text content readable and understandable. I do recall
that something was in one of them a while back, but it was inaccurate and I never paid any attention to it.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Long discussion with summary at the end:<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Speaking as a professional graphic designer with substantial research into design, human behavior, and technology…<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">In the graphic design world, countless studies have been done to determine whether ragged right (or left aligned) text is more readable than justified. So far neither has been proven to be better than the other. The most critical factors
in both settings is how well the text is controlled (or in design-speak, “set”) by the designer and by the technology.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">I’ve conducted a lot of research on typography during my career and use these guidelines for my own work as well as in my classes for designers and developers:<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:6.0pt;margin-right:0in;margin-bottom:0in;margin-left:.25in;margin-bottom:.0001pt;text-indent:-.25in;mso-list:l1 level1 lfo3">
<![if !supportLists]><span style="font-family:Symbol"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">
</span></span></span><![endif]>In HTML-based digital technologies (websites and EPUBs), left aligned (ragged right) is best. HTML technologies do not yet have H & J algorithms (hyphenation and justification) so you can end up with huge gaps of white space between
words and letters when the document is reflowed for responsive designs, such as on mobile devices.<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:6.0pt;margin-right:0in;margin-bottom:0in;margin-left:.25in;margin-bottom:.0001pt;text-indent:-.25in;mso-list:l1 level1 lfo3">
<![if !supportLists]><span style="font-family:Symbol"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">
</span></span></span><![endif]>In documents such as Word and PDFs, it depends upon how well the designer controlled the H & J settings (most don’t even know what they are), the software, the font size, and the line length. There are a lot of variables!<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:6.0pt;margin-right:0in;margin-bottom:0in;margin-left:.25in;margin-bottom:.0001pt;text-indent:-.25in;mso-list:l1 level1 lfo3">
<![if !supportLists]><span style="font-family:Symbol"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">
</span></span></span><![endif]>For example, if the designer used Adobe InDesign, most likely either left aligned or justified will look and behave well because InDesign has the best H & J algorithms developed for the graphic design industry.
<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:6.0pt;margin-right:0in;margin-bottom:0in;margin-left:.25in;margin-bottom:.0001pt;text-indent:-.25in;mso-list:l1 level1 lfo3">
<![if !supportLists]><span style="font-family:Symbol"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">
</span></span></span><![endif]>But the ratio between font size and line length is critical; too large a font on too short a line length and will create terrible text with white gaps, even from InDesign.
<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:6.0pt;margin-right:0in;margin-bottom:0in;margin-left:.25in;margin-bottom:.0001pt;text-indent:-.25in;mso-list:l1 level1 lfo3">
<![if !supportLists]><span style="font-family:Symbol"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">
</span></span></span><![endif]>Word’s H & J is mediocre; you can end up with horrible text with huge gaps of white space when it’s justified, unless the author knows how to set type.<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:6.0pt;margin-right:0in;margin-bottom:0in;margin-left:.25in;margin-bottom:.0001pt;text-indent:-.25in;mso-list:l1 level1 lfo3">
<![if !supportLists]><span style="font-family:Symbol"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">
</span></span></span><![endif]>In any technology, if the designer/developer/author “hardwires” the justification settings into the file (that is, they did not use CSS or formatting styles to control the appearance), any technology that needs to grab the content
and alter the presentation to the user will have a difficult time, regardless of whether justified or left aligned was used. We really have to train authors and designers to use styles, and never use manual formatting. It kills responsiveness and adaptability
for AT.<o:p></o:p></p>
<p class="MsoNormal" style="margin-top:6.0pt"><a name="_MailEndCompose">And of course, whatever the designer or author does in InDesign or Word is built into the PDF which gets published.<o:p></o:p></a></p>
<p class="MsoNormal" style="margin-top:6.0pt"><span style="mso-bookmark:_MailEndCompose"><b>Summary:<o:p></o:p></b></span></p>
<ol style="margin-top:0in" start="1" type="1">
<li class="MsoNormal" style="margin-top:6.0pt;mso-list:l0 level1 lfo6"><span style="mso-bookmark:_MailEndCompose">If presented via
<b>HTML technologies</b>, use ragged right/left justified text.<o:p></o:p></span></li><li class="MsoNormal" style="margin-top:6.0pt;mso-list:l0 level1 lfo6"><span style="mso-bookmark:_MailEndCompose">If manually formatted into the content, AT will have some problems adapting it for the end user. Ragged right would be better, but should still
never be manually formatted or hardwired into the content.<o:p></o:p></span></li><li class="MsoNormal" style="margin-top:6.0pt;mso-list:l0 level1 lfo6"><span style="mso-bookmark:_MailEndCompose">If the PDF’s source document was created in
<b>Adobe InDesign</b>, either will be fine for most documents, unless larger fonts are used on narrow columns.<o:p></o:p></span></li><li class="MsoNormal" style="margin-top:6.0pt;mso-list:l0 level1 lfo6"><span style="mso-bookmark:_MailEndCompose">If the PDF’s source document was created in
<b>MS Word</b>, it’s dicey. Use ragged right/left justified.<o:p></o:p></span></li></ol>
<p class="MsoNormal" style="margin-top:6.0pt"><span style="mso-bookmark:_MailEndCompose">--Bevi Chagnon<o:p></o:p></span></p>
<p class="MsoNormal"><span style="mso-bookmark:_MailEndCompose"><o:p> </o:p></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="mso-bookmark:_MailEndCompose"><span style="font-size:9.0pt;color:#D9D9D9">— — —<o:p></o:p></span></span></p>
<p class="MsoNormal"><span style="mso-bookmark:_MailEndCompose"><b><span style="font-size:9.0pt">Bevi Chagnon
</span></b></span><span style="mso-bookmark:_MailEndCompose"><span style="font-size:9.0pt">|
</span></span><a href="http://www.pubcom.com/"><span style="mso-bookmark:_MailEndCompose"><span style="font-size:9.0pt">www.<b>PubCom</b>.com</span></span><span style="mso-bookmark:_MailEndCompose"></span></a><span style="mso-bookmark:_MailEndCompose"><span style="font-size:9.0pt"> <o:p></o:p></span></span></p>
<p class="MsoNormal" style="margin-top:4.0pt"><span style="mso-bookmark:_MailEndCompose"><i><span style="font-size:9.0pt">Technologists, Consultants, Trainers, Designers, and Developers<o:p></o:p></span></i></span></p>
<p class="MsoNormal"><span style="mso-bookmark:_MailEndCompose"><i><span style="font-size:9.0pt">for publishing & communication<o:p></o:p></span></i></span></p>
<p class="MsoNormal" style="margin-top:4.0pt"><span style="mso-bookmark:_MailEndCompose"><span style="font-size:9.0pt">| Acrobat PDF | Print | EPUBS | Sec. 508 Accessibility |<o:p></o:p></span></span></p>
<p class="MsoNormal" style="text-autospace:none"><span style="mso-bookmark:_MailEndCompose"><span style="font-size:9.0pt;color:#D9D9D9">— — —<o:p></o:p></span></span></p>
<p class="MsoNormal"><span style="mso-bookmark:_MailEndCompose"><o:p> </o:p></span></p>
<span style="mso-bookmark:_MailEndCompose"></span>
<div>
<div style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0in 0in 0in">
<p class="MsoNormal"><b>From:</b> athen-list [<a href="mailto:athen-list-bounces@mailman13.u.washington.edu">mailto:athen-list-bounces@mailman13.u.washington.edu</a>]
<b>On Behalf Of </b>Christine Robinson<br>
<b>Sent:</b> Wednesday, July 5, 2017 9:24 AM<br>
<b>To:</b> <a href="mailto:athen-list@u.washington.edu">athen-list@u.washington.edu</a><br>
<b>Subject:</b> [Athen] Left-aligned vs justified text<o:p></o:p></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><span style="font-family:"Calibri Light",sans-serif;color:#050C15">Hi –<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Calibri Light",sans-serif;color:#050C15"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Calibri Light",sans-serif;color:#050C15">Can anybody tell me, for certain, whether there are accessibility standards regarding making text left-aligned instead of justified, in both web pages and electronic documents
such as Word and PDF?<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Calibri Light",sans-serif;color:#050C15"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Calibri Light",sans-serif;color:#050C15">thanks!<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Calibri Light",sans-serif;color:#050C15">Chris<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Calibri Light",sans-serif;color:#050C15"><o:p> </o:p></span></p>
<p class="MsoNormal"><b><span style="font-family:"Calibri Light",sans-serif;color:#007048">Christine Robinson</span></b><span style="font-family:"Calibri Light",sans-serif;color:#007048">
</span><span style="font-family:"Calibri Light",sans-serif;color:black">| Technical Trainer/Writer | Center for Teaching Excellence<o:p></o:p></span></p>
<p class="MsoNormal"><b><span style="font-family:"Calibri Light",sans-serif;color:#007048">Georgia Gwinnett College</span></b><span style="font-family:"Calibri Light",sans-serif;color:#050C15">
</span><span style="font-family:"Calibri Light",sans-serif;color:black">| 1000 University Center Lane, Suite A-1020 | Lawrenceville, GA 30043<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Calibri Light",sans-serif;color:black">678-407-</span><b><u><span style="font-family:"Calibri Light",sans-serif;color:#00704A">5193</span></u></b><b><span style="font-family:"Calibri Light",sans-serif;color:#00704A">
</span></b><span style="font-family:"Calibri Light",sans-serif;color:#050C15"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#050C15"><o:p> </o:p></span></p>
<p class="MsoNormal"><i><span style="color:#050C15">My job is about helping the GGC community make better use of our commonly-used technology.
<o:p></o:p></span></i></p>
<p class="MsoNormal"><i><span style="color:#050C15">Feel free to ask me for help!<o:p></o:p></span></i></p>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</body>
</html>