semantic-ui - Bootstrap 的 'sr-only' 的语义 UI 等价物是什么？

Question

我在 Semantic-UI 中找不到用于向用户隐藏内容但向屏幕阅读器显示的实用程序类.

Bootstrap 的 sr-only 的 Semantic-ui 等价物是什么？

Answer 1

不确定是否存在于 semantic-ui 中。解决方法是创建一个像这样的类(从 bootstrap 的 scaffolding.less #129 复制):

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}