跳转到主要内容
你行网

Main navigation

  • 首页
  • 文章
  • 教程
  • 视频
  • 下载
  • 社区
  • 网站导航
User account menu
  • 登录

面包屑

  1. 首页

隐藏内容摘要

由 hrs, 22 九月, 2019
标签
drupal

隐藏内容对于辅助功能非常有用。我们可以以视觉方式隐藏事物,仅将其显示给屏幕阅读器用户,我们可以将内容隐藏于屏幕阅读器用户,而仅以视觉方式显示,或者我们可以同时隐藏两者。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的“隐藏内容”页面。

评论

  • 登录或注册以发表评论

书籍遍历链接: 隐藏内容摘要

  • 如何进行无障碍审查?
  • 向上

相关文章

教程节点

  • 概观
  • 系统要求
  • 安装Drupal 8
  • 将Composer添加到现有站点
  • 可信主机设置
  • 更新Drupal 8
  • 管理Drupal 8站点
  • 扩展Drupal 8
  • 贡献的模块
  • 多站点Drupal
  • 无障碍
    • Drupal 8辅助功能
    • 在Drupal 8中扩展可访问性的贡献模块
    • 外部无障碍资源
    • 如何进行无障碍审查?
    • 隐藏内容摘要
RSS源
本站由阿里云强力驱动,幸运券优惠链接
Copyright © 2019 - 2021 你行网 版权所有  粤ICP备19072650号