繁体   English   中英

基于 `input:checked` 伪选择器的纯 CSS 解决方案中的 A11y

A11y in pure CSS solutions based on `input:checked` pseudo selector

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

例如,我遇到了基于伪选择器input:checked的纯 CSS 解决方案

这个解决方案非常流畅和聪明,没有 JavaScript 对性能有好处,但可访问性呢?

问题暂未有回复.您可以查看右边的相关问题.
1 FilePond A11Y 问题

我知道 FilePond 将自己宣传为可访问,并且我在创建的底层上看到了一些 aria 属性……但我看不出如何添加任何其他与 a11y 相关的道具(例如,aria-invalid),也不知道如何添加控制自动添加的内容(例如,让 aria-labelledby 引用任何标签或错误信息,这些标签或错误信 ...

2 CSS伪选择器的奇怪行为:选中

我正在使用纯CSS解决方案在我的网站上显示五颗星的评分。 https://www.danielkeithjones.com/Articles/Web_Development/Pure_CSS_5_Star_Rating_System_with_Radios/中描述了此技术,我在网站的各个部分中 ...

5 错误的键盘焦点顺序 - a11y

我在 React.js 中创建了一个满足所有 WCGA 可访问指南的应用程序。 但目前我面临一些问题,比如无论文档中的插入符号/光标 position 为何,键盘焦点始终从第一个交互元素(后退按钮)开始。 为了理解这个问题,我添加了一部分源代码,用户可以在其中输入他们的名字和姓氏。 我还在同一页面 ...

6 检查无线电输入未触发:检查伪选择器

主要问题: 当根据标记清楚地检查元素时,选中的样式如何不处于活动状态? 语境: 我昨天遇到了这个问题,并用一个丑陋的 hack 解决了它,但宁愿更好地理解它。 首先,这是呈现的标记: 如我们所见,第一个输入被选中,两个输入都被禁用。 尽管如此,只有与禁用的伪选择器关联的 CSS 处于活 ...

7 A11y为空锚标签

我们的网站目前有一个组件,它是通过使用带有“背景”图像的<a>标签实现的 标签本身没有内容(看起来像<a class="class-name" other-attrs></a> )。 我遇到的问题是我们需要在此链接中添加等效的alt-text。 由 ...

10 可访问的表单输入作为按钮

我试图通过使其可访问我的JavaScript测验应用程序来使用户可以使用键盘导航按钮。 答案选项是表单中的单选按钮输入。 我看到了一个示例,但其中的图像已分配了input type="image"和role="button" ,从而允许用户使用Tab滚动浏览图像元素(此示例中的图像是交互式的 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM