这是一个非常(非常)的特定问题,但在使用该标记显示ASCII艺术时,将alt
属性用于pre
标记是否合适?它基本上像一个图像(使用屏幕阅读器不会理解),所以使用alt
是有道理的。HTML中的ASCII艺术的Alt属性?
<pre alt="A cute little blob creature">༼ つ ◕_◕ ༽つ</pre>
会被屏幕阅读器读取吗?这是适当的还是好的形式?
(我能想象这个地方可能会出现,就像使用印刷对象来表示一个特定的动作,如“家”链接的其他情形。)
这是一个非常(非常)的特定问题,但在使用该标记显示ASCII艺术时,将alt
属性用于pre
标记是否合适?它基本上像一个图像(使用屏幕阅读器不会理解),所以使用alt
是有道理的。HTML中的ASCII艺术的Alt属性?
<pre alt="A cute little blob creature">༼ つ ◕_◕ ༽つ</pre>
会被屏幕阅读器读取吗?这是适当的还是好的形式?
(我能想象这个地方可能会出现,就像使用印刷对象来表示一个特定的动作,如“家”链接的其他情形。)
的aria-label
属性存在用于此目的。
<pre aria-label="A cute little blob creature">༼ つ ◕_◕ ༽つ</pre>
欲了解更多信息,检查出this MDN article on it。
谢谢!我无法看到有关浏览器支持的任何信息 - 大多数屏幕阅读器用户都可以访问吗? – JeffThompson
啊,发现一些信息:https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Web_applications_and_ARIA_FAQ#Browsers – JeffThompson
另外:(1˃̵ᴗ˂̵)和 – JeffThompson
您有不同的选择需要考虑,因为屏幕阅读器只是可访问性大型旅程中的一步。
title
属性的alt
属性是特定于img
和area
标签。对于其他元素,你可以使用title
属性,这将给许多浏览器实现的工具提示使用访问:
标题属性表示元素的参考信息,比如会适用于工具提示。在链接上,这可能是目标资源的标题或说明;在图像上,它可能是图像信用或图像描述;在一段中,它可能是对案文的脚注或评注;在引文中,它可能是关于来源的进一步信息;在互动内容上,它可以是元素的标签或使用说明;等等。值是文本。
警告!目前不鼓励依赖title属性,因为许多用户代理不按照本规范的要求以可访问的方式公开属性(例如,要求诸如鼠标之类的指点设备导致工具提示出现,这排除了仅键盘用户和只触摸用户,例如任何拥有现代手机或平板电脑的用户)。
的title
属性可能与某些条件下使用:使用它可指定的元素(使用tabindex=0
),以便它可以用键盘来访问,使用JavaScript来显示工具提示当浏览器不和给出了视觉线索,我们可以通过聚焦元素(底层,问号......)来访问定义。
aria-label
属性许多屏幕阅读器默认不读title
属性的值,因此鼓励您使用aria-label
这是莫名其妙特定于屏幕阅读器。 由于不使用屏幕阅读器的人不会受益于aria-label
,因此您必须将其与title
属性结合使用。
请注意,您可以使用两种不同的文字,因为当aria-label
更符合文字替换时,title
可用作说明。
<pre aria-label="Welcome!" title="A cute little blob creature">༼ つ ◕_◕ ༽つ</pre>
你也可以认为这是毫无意义的屏幕阅读器,并使用aria-hidden
属性考虑它作为一个纯粹的装饰文本。
<pre aria-hidden="true">༼ つ ◕_◕ ༽つ</pre>
我喜欢这个想法,语义上,但'pre'甚至有'alt'属性?如果它是非标准的,那么它对屏幕阅读器等的适用性可能是没有意义的。 – David