我有一些数字和颜色的文字。例如，2（红色）或3（绿色）。对于盲人用户，我想将其表示为2R或3G，但其他人应该只看到2或3的颜色。
我尝试了相当于<span aria-label="2G">2</span>，但盲人用户报告他们只读了2，而且没有得到G.所以他们感到困惑，因为它只是一堆数字，他们必须猜测颜色。
我可以做些什么来帮助盲人用户？
答案 0 :(得分：0)
颜色代表什么？如果你在页面的其他地方有一个标签，你可以给它一个id然后使用带有该id的aria-labelledby让屏幕阅读器说“2 car”和“3 truck”如果红色意味着汽车和绿色意味着卡车。 https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute
您还可以选择通过将该文本放在屏幕上来添加“隐藏”文本，以便有视力的用户无法看到它。基本上，您在样式表中创建一个.hidden类，将该文本放在左侧，并将该类用于所有仅限于屏幕阅读器的文本。在http://webaim.org/techniques/css/invisiblecontent/处对它进行了很好的讨论。
答案 1 :(得分：0)
你不能。
当然，您可以在透明（style="color: transparent"）中写“R”或“G”。但是对于那些不使用屏幕阅读器的色盲患者来说，这不会得到回应。
最好的办法就是用纯文本写“红色”或“绿色”。 No 2，no 3，no R和No G没有意义，永远无法访问。