html - 屏幕阅读器:按钮或链接
问题描述
我有一个应用程序,当前包含一个预览链接,单击该链接时,将加载一个模拟正在编辑的内容的新页面。
<a href="javascript://"> Preview </a>
屏幕阅读器将其读取为预览链接,但一些同事希望将其读取为预览按钮。快速解决方法是添加 role="button",但我知道这不是一个好习惯。我想问一下这个功能是否应该是一个按钮,因为作为一个链接更有意义
解决方案
传统上,按钮触发动作,而链接打开页面或更新当前页面的一部分。
此外,通常不建议在同一运行、组件、工具栏或一系列项目中混合使用链接和按钮。元素都应该是按钮或链接。
这两个迹象应该可以帮助您确定最适合您的情况。可悲的是,没有比这更精确的了。
您的预览功能似乎介于两者之间。它打开一个页面,所以应该是一个链接;但它也可以被视为您的应用程序中的一个动作,在这种情况下它应该是一个按钮。根据您要求的人,您可能会获得这两种观点。
最后,这并不重要。最重要的是链接或按钮是可访问的、可通过键盘访问且可用的。
推荐阅读
- python - 在信号上比较两个 django 的 DateTimeField
- excel - 在有时存在数据的 3 列上合并 2 个数据框
- geopandas - 来自 Holoviews 中 Shape 文件的 Choropleth 地图
- java - 处理两个服务器上的两个请求以同时验证数据
- netmiko - 是否可以将 Netmiko 版本从 3.0.0 降级到 2.4.2
- java - 有没有办法随机化 for 循环中的循环增加?
- php - 在嵌套的 IF 语句中 PHP 重定向不起作用
- java - 使用 JPA 在 Spring Boot 中生成的序列 ID(来自 DB 序列)由其他服务器/实例共享并导致违反唯一约束
- python - 使用 conda 安装 face_recognition 时遇到问题
- amazon-web-services - 在新的 EC2 实例上自动附加和挂载 EBS 卷