- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
如何为图像编写良好的替代文字,以帮助屏幕阅读器和盲人理解图片的含义?如果我们使用的是Alt文本,那么在特殊情况下(例如菜单图像等)都使用的话,Title =“text”应该是
最佳答案
您不应让视障用户了解图像的全部含义。对于盲人来说,有效的图像不存在,仅存在文字。
alt
文本应作为可替换图像的单个句子/段落,传达相同的内容,并且在相邻内容的上下文中仍然有意义。
如果图像是GUI的一部分,则alt
文本应传达一个 Action (动词),换行,回答或退出。
您应该使用 links
访问您的网站,并尝试了解您的网站。例如,如果有一个饼图,则其alt
文本应该是百分比的一小部分摘要。如果您在博客文章旁边只有一朵漂亮的花,请不要给它添加像324#博客文章的花卉图片伴侣之类的疯狂alt
文本,甚至更糟的flower.jpg。
如果图像对于导航或获取信息很重要,请尝试为其提供alt
文本,以使站点无需图像即可工作。如果图像仅是呈现图像,请为其提供一个空的alt
文本。
据我所知, title
仅在悬停时才显示,因此它们应该为图像提供额外的信息,因此应避免useless duplication of information。对于屏幕阅读器来说,这有点棘手,因为用户之间的支持和配置可能会非常不同。
一些empirical data将title
显示为无用的:
- Most users of screen reading software do not change their default settings to access the TITLE attribute information on links.
- Most screen reading software can access TITLE attribute content on form controls by default.
- Some screen reading software cannot access TITLE attribute information.
- Users of screen magnifiers can read TITLE attribute text at lower magnification levels.
- Users of screen magnifiers cannot read TITLE attribute text, that contains more than 1 or 2 words, at higher magnification levels.
Use this to provide additional information that is not essential. Most visual browsers display title text as a tool tip when the element is hovered over, however it is up to the browser manufacturer to decide how the title text is rendered. Some will display the text in the status bar instead. Early versions of Safari did this, for instance.
One good use of the title attribute is to add descriptive text to links, especially if the link text itself doesn’t clearly describe the link’s destination. This way you can help visitors know where the link will take them, possible saving them from loading a page only to find out it wasn’t anything they’re interested in. Another potential use is to provide additional information for an image, like maybe a date or other information that is likely not essential.
longdesc
属性应该是指向更多信息的链接,而不是某些人误用的文本。
关于usability - 如何为图像编写良好的替代文字,以帮助屏幕阅读器和盲人理解图片的含义?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1741700/
嗨,我正在考虑开发一种文件传输程序,想知道我是否想要尽可能好的加密,我应该使用什么? 我会用 C# 开发它,所以我可以访问 .net 库 :P在我的 usb 上有一个证书来访问服务器是没有问题的,如果
我创建的这个计算两个数组的交集是线性的方法的复杂度(在良好、平均、最差的情况下)? O(n) public void getInt(int[] a,int[] b){ int i=0; int
我已经能够使用 RTCPeerConnection.getStats() API 获得 WebRTC 音频调用的各种统计信息(抖动、RTT、丢包等)。 我需要将整体通话质量评为优秀、良好、一般或差。
基本问题: 如果我正在讲述/修改数据,我应该通过索引硬编码索引访问文件的元素,即 targetFile.getElement(5);通过硬编码标识符(内部翻译成索引),即 target.getElem
在 Linux 上,我想知道要调用什么“C”API 来获取每个 CPU 的统计信息。 我知道并且可以从我的应用程序中读取 /proc/loadavg,但这是系统范围的负载平均值,而不是每个 CPU 的
在客户端浏览器中使用 fetch api,GET 或 POST 没有问题,但 fetch 和 DELETE 有问题。它似乎将 DELETE 请求方法更改为 OPTIONS。 大多数研究表明是一个cor
我是一名优秀的程序员,十分优秀!