Kon*_*ten 0 html css accessibility wcag
根据 W3,我们不应该使用false而是一起省略该属性。此外,根据 W3,当切换手风琴的某些部分时,aria-expanded在true和false之间切换。
对我来说,这听起来有点矛盾,我想知道如何根据 W3 指南和 WCAG 要求设计控件。
一种方法是声明aria-anything被排除在true or nothing范式之外。另一种是 perahps 设置一个属性,例如没有价值的折叠和展开,只需知道一个是另一个的否定。
他们中的任何一个都可以接受并同时接受 W3 和 WCAG 吗?是否有其他最佳实践方法?
一个布尔属性是在HTML中特定的“microsyntax”。正如您所指出的,它们的使用有一些规则:
如果该属性存在,则其值必须是空字符串或与该属性的规范名称不区分大小写的 ASCII 匹配值,且没有前导或尾随空格。
只有某些属性使用这种微语法。这些可以在 HTML 5 规范的Attribute index 中找到,其中 Value 列指出它是一个“布尔属性”。常用的例子是disabled
,readonly
和async
。
该aria-expanded
属性虽然接受 true 和 false,但并未定义为符合 Boolean 属性微语法。它是在不同于 HTML 5 的规范下定义的,即Accessible Rich Internet Applications (WAI-ARIA)规范。它实际上在该规范中被称为astate
,而不是属性,并且可以具有 true、false 或 undefined 值。