视觉隐藏

在本文中

视觉隐藏是一个组件,用于呈现要在视觉上隐藏的文本,但会为其他设备显示,例如屏幕阅读器。

用法

从“@wordpress/components”导入{VisuallyHidden};函数Example(){返回(<视觉隐藏>代码就是诗歌</视觉隐藏>);}

最佳实践

该元素视觉隐藏渲染具有样式位置:绝对。使用此组件时,请小心堆叠上下文。尽管如此视觉隐藏不可见,它仍会影响布局。这方面的一个例子是视觉隐藏可能会忽略溢出祖先元素的样式,因为它采用溢出它的堆叠上下文。一个已知的副作用可能是出现了意外的滚动条。若要解决此类问题,请在更直接的父级上引入堆栈上下文视觉隐藏.正在添加位置:相对通常是一种简单的方法。