程序员经验分享-hwhale

如何为图像编写良好的替代文本，以帮助屏幕阅读器和盲人用户理解图片的内容？

2024-01-03

如何为图像编写良好的替代文本，以帮助屏幕阅读器和盲人用户理解图片的内容？如果我们使用 Alt 文本，那么如果我们在菜单图像等特殊情况下使用两者，则 Title="text" 中应该包含什么内容


我是一名屏幕阅读器用户，并将使用 Stack Overflow 作为好的和坏的例子。

Alt 标签应该简短且具有描述性。例如，堆栈溢出的alt投票赞成和投票反对选项的标签很好，因为它们不需要花很长时间阅读并快速进入要点。不好的 alt 标签的例子包括将这个问题设为最爱并接受这个答案。这两个标签都不是描述性的，最喜欢的标签只是“*“并且接受答案标签是”check“对我来说，辨别它们是什么的唯一方法是阅读来源或让有人看到让我知道它们的用途。

据，直到...为止title属性去我真的没有太多建议。我的屏幕阅读器默认不会读取它们，因此我通常不使用它们。可能有用的一个例子是附加信息。例如，我接受的答案率如此之低的原因是因为我无法判断我是否接受了某个问题的答案。如果接受此答案图形上的标题属性会显示类似“”的内容，那就太好了点击接受这个答案“如果答案没有被接受并且”单击以删除此答案作为已接受的答案“如果这是公认的答案。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

usability

accessibility

w3c

wcag

如何为图像编写良好的替代文本，以帮助屏幕阅读器和盲人用户理解图片的内容？ 的相关文章

随机推荐

  • 如何配置 Android 模拟器以像新 Galaxy Nexus 一样显示屏幕按钮？

    我想将我的应用程序转换 适应 Android 4 0 为此 我计划在支持 ActionBar 的设备上使用它 所有 Android 版本 gt 3 0 都这样做 此外 没有硬件菜单按钮的设备似乎会自动在操作栏上显示 菜单 按钮 当我使用 A

  • 如何从 Proc 对象中提取代码？

    给定一个 Proc 对象 是否可以查看其中的代码 例如 p Proc new test 0 我需要的是某种方法从已创建的 Proc 对象中获取字符串 test 0 您可以使用红宝石2红宝石 https github com seattler

  • 如何将服务器 ID 元组扁平化为字符串？

    我正在尝试创建一个文件 其中包含使用以下命令生成的多个服务器主机的 ID count属性 resource aws instance workers count var worker count resource local file st

  • 我可以提供与 spring-data-rest GET 并行的端点吗？

    我的项目正在从自定义 json 格式转向 json hal 和 spring data rest 为了继续支持 旧 json 我想运行与新的 Spring Data Rest 提供的并行的现有资源控制器 每当我将 spring data r

  • 使用 bash 历史记录获取上一个命令，复制它，然后“运行”它，但对命令进行注释

    只是一个提高我的问题bash技能 我总是这样做 history grep some long command 123 some long command1 124 some long command2 然后我可以运行我找到的命令 123 然

  • 如何使用 Yii 2 ActiveRecord 执行 IS NULL 和 IS NOT NULL？

    我有一个有字段的表 activated at timestamp NULL DEFAULT NULL 这意味着它可以包含时间戳 也可以是null这是null默认情况下 我有另一个 gii generate 搜索模型 其配置如下search

  • Rx 处理订阅

    处理循环中创建的订阅的推荐方法是什么 在下面的示例中 我在 for 循环中生成订阅并将它们添加到List并通过对瘙痒明确地处置它们List这对我来说似乎有点难闻 我认为必须有一种更干净的方法来清理订阅 除非 GC 在运行时处理它们 我需要明

  • 宏和成员函数冲突

    我有一个问题 std numeric limits min 与 windef h 中定义的 min 宏冲突 有没有办法在不取消定义 min 宏的情况下解决此冲突 下面的链接提供了一些提示 但是我无法设法在静态成员函数中使用括号 我可以对宏使

  • Angularjs 如何获取 URL 引用？

    在 AngularJS 中 我有一个登录控制器 如果用户到达该页面但未登录 则应用程序中的每个页面都会重定向到该登录控制器 在登录序列之后 我想将用户重定向回他们所在的页面来自 最好的方法是什么 您可以使用history back 让用户导

  • 从 matplotlib AxesSubplot 获取值

    我想从中获取价值matplotlib axes AxesSubplot这是从返回的pandas Series hist http pandas pydata org pandas docs version 0 17 0 generated

  • PHP - 智能、容错的字符串比较

    我正在寻找例程或方法来寻找容错字符串比较 假设我们有测试字符串 ak nka 是的 它包含 CE 字符 现在 我想接受以下任何字符串作为OK cakanka c kank aKaNKA CAKANKA CAAKNKA CKAANKA cak

  • C# 中的子字符串单词

    我想获取子串XXX and ZZZ来自我在 c 中的结果文本文字形式 XXX ZZZ WWW but Result LastIndexOf 不影响 因为我有 char 表示单独的两个单词 我找不到第一个和第二个的索引 用我的话说就是 cha

  • 如何优化 JetPack Compose 列表性能？

    我有一个简单的可组合函数 其中包含 LazyColumn Composable fun MyScreen itemList List

  • 未捕获的 ReferenceError：$ 未定义 Webpack 和嵌入脚本

    我正在使用 webpack 创建 js 包 var path require path var webpack require webpack const ExtractTextPlugin require extract text web

  • 你能推荐一些关于 Linux 上的 Epoll 的指南吗？

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我需要了解 Linux 系统上的 Epoll 您能推荐有关 epoll 库的手册或指南吗 需要更详细的指南 最好有一些例子 帮我 感谢您的

  • 仅在 Jenkins（和/或 Hudson）上检查已更改文件的 Checkstyle 和 Findbugs

    我们使用大量遗留代码 并考虑为新代码引入一些指标 是否可以让 Findbugs 和 Checkstyle 仅在更改的文件而不是完整的项目上运行 最好确保只签入最低质量的文件 但代码库本身 尚未 尚未被触及和评估 以免人们因数千个问题而感到困

  • 2 PDF 上 R Markdown 中的徽标

    我使用下面的代码在 pdf 版本的 r markdown 中添加公司徽标输出很好 我需要在每一页上添加 2 个徽标 一个用于我的客户 另一个用于我们的公司 可以使用 r markdown 在 pdf 中添加 2 个徽标 title Comp

  • 是否可以在函数体中获取函数名？ [复制]

    这个问题在这里已经有答案了 在BASH中 是否可以在函数体中获取函数名称 以下面的代码为例 我想在其正文中打印函数名称 Test 但 0 似乎指的是脚本名称而不是函数名称 那么如何获取函数名呢 bin bash function Test

  • 在 Shell 中连接两个包含不匹配行的文件

    文件1 log 207 46 13 90 37556 157 55 39 51 34268 40 77 167 109 21824 157 55 39 253 19683 文件2 log 207 46 13 90 62343 157 55

  • 如何为图像编写良好的替代文本，以帮助屏幕阅读器和盲人用户理解图片的内容？

    如何为图像编写良好的替代文本 以帮助屏幕阅读器和盲人用户理解图片的内容 如果我们使用 Alt 文本 那么如果我们在菜单图像等特殊情况下使用两者 则 Title text 中应该包含什么内容 我是一名屏幕阅读器用户 并将使用 Stack Ov

热门标签