文章/答案/技术大牛

发布

社区首页 >问答首页 >Wave辅助工具正在显示对齐文本的警报

问Wave辅助工具正在显示对齐文本的警报
EN

Stack Overflow用户

提问于 2017-10-07 02:29:48

回答 2查看 284关注 0票数 0

div.icons {                    
                    margin-left: auto; 
                    margin-right: 20%;
                    text-align: justify;
                    -ms-text-justify: distribute-all-lines;
                    text-justify: distribute-all-lines;
                    width: 100%;
 }

<div class="icons">
                    <a href="#"><img alt="scan the QR code" src="~/Content/images/icon-QR.png" /></a>
                    <a href="https://itunes.apple.com/us/app/my-eap/id436292883?mt=8&ls=1" target="_blank"><img src="~/Content/images/icon-app-store.png" alt="Apple appstore"/></a>
                    <a href="https://play.google.com/store/apps/details?id=com.onetapsolutions.morneau.activity&hl=en" target="_blank"><img src="~/Content/images/icon-google.png" alt="Google playstore"/></a>
                    <a href="https://appworld.blackberry.com/webstore/content/43853/" target="_blank"><img src="~/Content/images/icon-bb.png" alt="BlackBerry world"/></a>
                    <span class="stretch"></span>
                </div>

Wave辅助工具正在显示对齐文本的警报。我应该怎么做才能消除这条警告信息？

wave

html

css

accessibility

回答 2

Stack Overflow用户

发布于 2017-10-07 04:25:54

不对齐文本。绝不可能。

F88: Failure of Success Criterion 1.4.8 due to using text that is justified (aligned to both the left and the right margins)

票数 0

Stack Overflow用户

发布于 2019-01-17 22:29:56

Colin Wheildon不久前做了some research，以评估不同排版元素对理解的影响。

在许多有用的统计数据中，有对齐的文本，视力正常的读者的良好理解率几乎是使用参差不齐的右眼读者的两倍(67%对38%)。请注意，参差不齐的左翼只达到了10%。

对不符合的对齐文本的双关语是，一些可见性有限的人可以在文本中看到“白色的河流”。

我想知道这项研究是不是在显示没有很好地微型化文本时完成的，并且确实留下了几乎双倍的空格，这些空格倾向于凝聚在列的中心。这不是今天通常的情况，特别是具有高分辨率的便携设备，这些设备可以很好地平滑地分隔单词并呈现字体和衬线细节。

Colin的研究是在印刷媒体上完成的，在印刷媒体中，dpis有效地进入了1000秒，并继续进入数字时代，使用的是Linotype 1200和2400。

F88: Failure of Success Criterion 1.4.8 due to using text that is justified (aligned to both the left and the right margins)并不是说您不能提供对齐的文本，但是如果您这样做了，您应该提供一种易于识别的方法来关闭它。

一种可能的方法是：

包含一个css类，用于将对齐的文本更改为左对齐(如果为dir=rtl，则为右对齐)，并将其添加到正文标记中。
在链接到同一页的每个页面上都包含一个链接，但将GET变量附加到url。
当页面呈现软件(例如PHP或XSL)检测到GET变量时，它会将特殊的类添加到<body>标记，并将GET变量附加到每个链接，以便以后的每个页面也会变得粗糙。

请注意，为了符合规范，您还需要检查css ::before和::after伪类的使用，以确保它们不包含任何辅助功能软件不会拾取的非装饰性(即重要)内容。使用这些语言的典型地方可能是定制列表，特别是如果试图迎合列表中html支持的有限数量的语言的话。

这是一种选择一刀切的方法对大量读者不利的情况。

我知道web上广泛使用的是ragged right和sans-serif文本，与serif相比，sans-serif文本的理解能力更差(12%比67%)。当衬线字体和间距的渲染效果不佳时，使用这两种较差的计算选择是有效的，但显示器现在可以接近用于高质量打印的分辨率，其中完全对齐和衬线字体已经使用了一个多世纪，因为它们工作得最好。每一家主要报纸都在印刷中使用它们。

请注意，早期的单色、绿色或琥珀色计算机显示器以等宽衬线字体输入文本。

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46611872

复制

相似问题

问Wave辅助工具正在显示对齐文本的警报
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Wave辅助工具正在显示对齐文本的警报EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Wave辅助工具正在显示对齐文本的警报
EN