1. 首页
  2. css

CSS重温abbr元素

一个不可抗拒的HTML元素从IREAderinokun深入,这次是在<abbr> element for abbreviations. You can kinda just use it (JUI) and it works fine, but if you\"re hoping to make a tooltip for them (which works on touchscreens as well), then it\"s much more complicated.

The end result is leaving the semantic HTML alone and progressively enhancing with ~50 lines of JavaScript that adds interactive wrapper elements and event handlers.

I feel like this is the perfect sort of thing to be made into a web component that could/should be widely distributed for use. Maybe a <a11y-abbr>组件上。你能让web组件扩展其他原生HTML元素吗?如果不是的话,我猜这有点回到本质上的<span>了,所以也许这并不理想。

我敢说,这也是React可以超越的地方。例如,我使用Reach Router,在默认情况下,当创建链接(<Link>变为<a>)时,它们在当前页面上获得正确的aria-current属性。这是一个很好的可访问性,你得到免费的,因为图书馆是足够好的,以获得正确的细节。像React这样的库在可访问性方面有很多问题,但通过抽象来改进可访问性的潜力很大。有点像Brad Frost在React组件中实施可访问性最佳实践的方式。

直接链接→

CSS重温abbr元素 为WP2原创文章,链接:https://www.wp2.cn/css/css%e9%87%8d%e6%b8%a9abbr%e5%85%83%e7%b4%a0/

发表评论

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