在基础上,请用任何好的例子来解释它。我不明白与zurb-foundation documentation的区别。
1)hidden-for-*
vs hide-for-*
。
2)visible-for-*
vs show-for-*
。
最佳答案
我认为,这句话引出了一个很好的解释:
添加显示:没有元素会阻止屏幕阅读器
阅读它。但是,有些技术可以在隐藏内容的同时
使屏幕阅读器可读。
如果我想显示/隐藏专门供屏幕阅读器使用的内容,则可以使用hide-for-*
和show-for-*
。hidden-for-*
和visible-for-*
用于常规用途。根据所有用户的屏幕大小隐藏和显示内容。例如,更改标题的大小。hide-for-*
和show-for-*
用于辅助功能。根据屏幕大小隐藏和显示内容,专门用于屏幕阅读器。例如,更改可单击按钮的大小或显示一些元信息,因为否则很难从屏幕阅读器访问该信息。
关于css - 可见性/显示和隐藏/隐藏分类基础,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29191988/