代码之家  ›  专栏  ›  技术社区  ›  Michael Durrant

我是否应该为屏幕阅读器添加额外信息(不在页面上),以便在上下文中提供帮助?

  •  0
  • Michael Durrant  · 技术社区  · 5 年前

    为了获得良好的可访问性,屏幕阅读器的文本是否应该与网页的文本相同?

    我正在思考的问题:对于不能直观地看到“上下文中”项目的人来说,上下文可能不同。

    例如:


    200是行数。

    我可以补充一点 aria-label 对于“订单数量为200”,屏幕阅读器的实际订单数量为200(在一个范围内),因此屏幕阅读器不只是说“200”。

    我的问题是,鉴于视障用户缺乏上下文,aria标签是否应该更具描述性,比如“记录总数为200”。或者,假设一个相当简单的页面,比如我的示例,页面本质上是一个记录表,那么他们知道如何以及为什么导航到那里,就有了自己的上下文,这样可以吗。

    0 回复  |  直到 5 年前
        1
  •  1
  •   Ritesh Jagga    5 年前

    使用 caption 描述 table 然后是上下文。

    如果添加 caption 添加上下文冗余,就像已经有标题知道上下文一样,您可以使用 sr-only

    // Only display content to screen readers
    // See: http://a11yproject.com/posts/how-to-hide-content/
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0 0 0 0);
      border: 0;
    }
    

    避开 aria