html - 是否可以将不执行任何操作的表单元素放在页面上?

标签 html accessibility user-experience wcag

我被要求在不执行任何解析的网页上放置复选框,因为它们只是以可以打印的 list 的形式存在以进行检查。不会有表单提交,没有按钮,没有弹出窗口或折叠,也没有导致选中复选框的操作。

我认为这违反了用户体验的原则,并且可能违反了可访问性规则。 WCAG 指南中是否有我可以引用的规则来支持我?

最佳答案

需要考虑的一些事情:

  1. 如果复选框执行的功能是允许用户检查哪些项目已完成,那么它们的存在是有原因的,但问题是其目的是否已明确传达。

  2. 根据您的描述,非辅助功能用户将获得与辅助功能用户相同的不起作用的复选框,因此这里比用户体验设计更不考虑辅助功能。可访问性关注的是为辅助技术用户提供与非 AT 用户相同的用户体验并传达相同的信息,因此如果设计问题同时影响 AT 和非 AT 用户,引用 WCAG 指南并不会真正有帮助。

考虑到这一点,与我最相关的 WCAG 指南是 1.3.1 - Info and relationships 。本指南涉及保留页面信息与页面语义结构或布局之间的关系,以便页面的结构方式(包括使用的组件)不会向 AT 和非 AT 用户传达不同的内容。

WCAG 1.3.1 的一个常见失败是使用标题用于表示目的,但它可以应用于具有与表示含义不同的语义含义的任何组件。就您而言,使用复选框作为演示设备可能会遇到这种类型的失败。参见这里:https://www.w3.org/WAI/WCAG21/Techniques/failures/F43

关于html - 是否可以将不执行任何操作的表单元素放在页面上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71566644/

相关文章:

javascript - 事件下拉菜单不适用于 Safari 浏览器中的图标

Android 可访问性 : Talkback says 'out of list' in addition to announcing an ImageView's content description

cocoa - 如何向辅助功能系统报告自定义 NSWindow 标题?

css - Windows 高对比度模式 : How are colours computed? 如何为焦点元素指定颜色?

language-agnostic - 表单输入应该有多宽容?

user-interface - 可用性/UI 设计/UX 等 - 为项目记录

html - 没有包装 div 的固定宽度居中内容

javascript - 通过单击关闭图标从表中删除行

html - 将 Logo 图像居中并将响应式导航栏放在 Logo 正下方

jquery - 使用数据:text/css?是否有效