在基础中，请用任何好的例子来解释它。我无法理解与zurb-foundation documentation的区别。
1）hidden-for-* vs hide-for-*。
2）visible-for-* vs show-for-*。
答案 0 :(得分：1)
我认为这引用了一个非常好的解释：
向元素添加display：none将阻止屏幕阅读器 阅读它。但是，有些技术可以隐藏内容 使屏幕阅读器可读。
如果我想专门为屏幕阅读器显示/隐藏一段内容，我会使用hide-for-*和show-for-*。
hidden-for-*和visible-for-*适用于常规用途。根据所有用户的屏幕大小隐藏和显示内容。例如，更改标题的大小。
hide-for-*和show-for-*用于辅助功能用途。隐藏和显示基于屏幕大小的内容专门为屏幕阅读器。例如，更改可点击按钮的大小或显示某些元信息，因为否则很难从屏幕阅读器访问该信息。