渐变不透明度更改为文本是否可访问



我正在开发一个网站,该网站在用户滚动将文本定位在视图中间时,将页面文本的不透明度从查看器底部的0逐渐更改为完全可见。文本可以通过屏幕阅读器阅读。一旦达到完全不透明度,它也将满足对比度要求。有人能告诉我这是否违反了WCAG 2.0标准吗?

真诚地说,这是一个非常好的问题。

屏幕上有不可读的可见文本,这需要用户滚动以使其完全不透明。

从"视觉"的角度来看,这并不令人窒息。尽管您正在减少垂直可读区域,但只要您可以放大到200%,并且仍然可以读取上面的行,根据WCAG视图中隐藏区域的大小,此可能是可以接受的。。。

在许多可访问性考虑因素中,这篇文本可供屏幕阅读器阅读是一个很好的观点。

如果你考虑到一些视觉或心理残疾,这可能很难理解。例如,患有青光眼的老年人无法察觉不透明性逐渐变化的影响不是由疾病引起的。要求他们阅读的文本位于屏幕中央并不明显。我们是不是每次读一行书就把它从上往下移动?

这也需要更多的滚动,所以阅读需要更多的体力。对很多人来说,一次点击并不费力,但对老一辈来说,点击滚动条的小箭头相当困难(并不是每个人都使用键盘)。

TL;DR:从WCAG的角度来看,这可能被认为是有效的,但这对人体工程学没有帮助

我认为这将违反WCAG 2.0上的对比度(1.4.3)标准。您的文本为有视力的用户提供了色盲用户可能看不到的视觉提示。在达到最低对比度要求之前,色盲用户可能无法接收文本。

颜色对比度标准的唯一例外是如果您的文本是偶然的(即装饰性的或用户通常看不见的)。然而,我不认为这段文字是偶然的,因为它听起来像是页面的主体内容,并且(至少在某种程度上)对视力良好的用户来说是可见的,而不需要他们滚动浏览内容。