隐藏内容对于辅助功能非常有用。我们可以以视觉方式隐藏事物，仅将其显示给屏幕阅读器用户，我们可以将内容隐藏于屏幕阅读器用户，而仅以视觉方式显示，或者我们可以同时隐藏两者。Drupal带有一些内置的CSS类，可以帮助确保意图明确。我们建议您不要使用它，因为它经常被滥用。 { display:none; }
技术视觉上隐藏屏幕阅读器隐藏附加信息
CSS： <div class="visually-hidden"></div>是没有这是内置在Drupal 8中的。在Drupal 7中是。class="element-invisible"
CSS： <div class="hidden"></div>是是这是内置在Drupal 8中的。在Drupal 7中是。class="element-hidden"
HTML5属性： <div hidden></div>是是在受支持的浏览器中，这与CSS相同。 { display:none; }
ARIA属性： <div aria-hidden="true"></div>没有是内置于现代浏览器中。与HTML5的hidden属性非常相似
CSS： <div class="visually-hidden focusable"></div>是的，除非给予关注是它内置在Drupal 8中。在Drupal 7中， class="element-invisible element-focusable"
此格式取自18F的“隐藏内容”页面。
评论