1. 首页
  2. css

CSS中的ARIA

Jeremey回应了Sara的tweet,关于当你应用的样式与ARIA状态直接相关时使用[aria-*]选择器而不是类。

…这是我连接CSS和JavaScript交互的首选方式。这是一个旧的代码笔,您可以在这里看到它的实际运行,这是一个经典的匹配:

There are plenty of more opportunities. Take a tab design component:

CodePen Embed Fallback

Since these tabs (using Reach UI) are already applying proper ARIA states for things like which tab is active, they don\"t even bother with class name manipulation. To style the active state, you select the <button>带有数据属性和ARIA状态,比如:

带有内容的面板?它们有一个ARIA角色,所以样式是这样的:

ARIA有时也会与变体匹配,比如…

如果你喜欢,等等,ARIA是什么?海登的新节目《网边内裤》中有一段有趣的开场白,介绍了咏叹调作为试播片段

CSS中的ARIA 为WP2原创文章,链接:https://www.wp2.cn/css/css%e4%b8%ad%e7%9a%84aria/

发表评论

您的电子邮箱地址不会被公开。