Wave辅助功能工具显示Justified文本的警报

时间:2017-10-06 18:29:48

标签: html css accessibility wave

enter image description here



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>
&#13;
&#13;
&#13;

Wave辅助功能工具正在显示校正文本的提示。我该怎么做才能摆脱这个警报信息?

2 个答案:

答案 0 :(得分:0)

答案 1 :(得分:-1)

科林·惠尔登(Colin Wheildon)前一段时间做了some research,以评估理解不同印刷元素对理解的影响。

在许多有用的统计数据中,对于有正当理由的文字,[正常视力]读者而言,其正确理解率几乎是使用参差不齐的阅读者的比例(67%比38%)。请注意,衣衫left的左只达到了10%。

不符合要求的正当文本的正当性是某些可见性有限的人可以在文本中看到“白河”。

我想知道当显示不能很好地使文本微对齐并且确实留了几乎两倍的空格时,是否进行了这项研究,而空格往往会凝结到列的中心。今天,通常情况并非如此,尤其是对于高分辨率的便携式设备而言,这种设备可以平滑地分隔单词并很好地呈现字体和衬线细节。

Colin的研究是通过印刷媒体完成的,其中dpi有效地达到了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)并不是说您不能提供合理的文本,但如果您提供了合理的文本,则应该提供一种易于识别的方式将其关闭。

一种可能的方法是:

  1. 包括一个css类,以将对齐的文本更改为参差不齐的左侧(如果dir = rtl,则为右侧),以添加到body标签中。

  2. 在每个页面上都包含一个链接,该链接链接到同一页面,但在URL后面附加了GET变量。

  3. 当页面呈现软件(例如PHP或XSL)检测到GET变量时,它将特殊类添加到<body>标记中,并将GET变量附加到每个链接上,以便每个从那时起,页面也变得衣衫agged。

请注意,要符合要求,还需要检查css ::before::after伪类的使用,以确保它们不包含任何非装饰性(即重要)内容可访问性软件将无法启动。使用这些标记的典型地方可能是自定义列表,尤其是在尝试满足html在列表中支持的有限语言数量之外的情况下。

在这种情况下,选择“一刀切”的所有方法不利于大量读者。

我知道在网上广泛使用了参差不齐的文字以及无衬线文本,与衬线字体相比,无衬线字体具有更好的理解率(12%vs 67%)。当衬线字体的呈现和间距很差时,使用这两种较差的选择进行计算是有效的,但是现在显示器可以以接近用于高质量打印的分辨率进行渲染,而完全对齐和衬线字体已经使用了一个多世纪,因为他们表现最好。每个主要报纸都使用它们,印刷版。

请注意,早期的单色绿色或琥珀色计算机显示器上装有带有等距衬线字体的文本。