【问题标题】:Best title text for accessible PDF link可访问 PDF 链接的最佳标题文本
【发布时间】:2018-07-03 23:21:56
【问题描述】:

我正在根据 WCAG 2.0 AA 标准对多个网站进行可访问性修复。这些网站有很多指向 PDF 的链接。以下是他们拥有的一个常见示例:

<a href="/assets/pdf/pdf-file.pdf" target=_blank">Get Blah Information</a>

根据我对 WCAG 2.0 AA 原则的最佳理解,此链接应添加 title 文本,变为:

<a href="/assets/pdf/pdf-file.pdf" target=_blank" title="Opens PDF file in a new window">Get Blah Information</a>

我的问题是关于这个title 文本。它似乎只是偶尔合适。大多数浏览器会在新选项卡而不是新窗口中打开target="_blank"。此外,在移动设备上,许多设备将启动本机应用程序来打开 PDF。某些设备/浏览器实际上会下载文件,具体取决于设置。考虑到所有这些因素,这些类型的文件是否有更好、更通用的标题?

【问题讨论】:

    标签: html pdf hyperlink accessibility wcag2.0


    【解决方案1】:

    通常认为有礼貌地提醒人们他们所点击的内容不会作为网页打开。

    在我的组织中,我们要求 PDF 链接(或任何指向非 HTML 文档的链接)需要在锚文本中清楚地注释文件类型。

    像这样: &lt;a href="/assets/pdf/pdf-file.pdf"&gt;Get Blah Information (PDF)&lt;/a&gt;

    屏幕阅读器/浏览器组合并不始终支持title 属性,因此我不建议依赖它来工作。

    非 HTML 资源的链接 https://webaim.org/techniques/hypertext/hypertext_links#non_html

    通常应提醒用户注意指向非 HTML 资源的链接,例如 PDF 文件、Word 文件、PowerPoint 文件等。但是,对于内容作者或浏览器是否应该提醒用户存在一些争论。问题在于,目前没有任何浏览器或屏幕阅读器会提醒用户,因此争论更多的是理论而非实际。

    如果您反对将文件类型放在锚文本中,您始终可以使用aria-label 属性来补充锚文本,或者使用position the text off screen 以便有视力的用户看不到它,尽管这些解决方案可能是视力有限的用户不太容易接触到。

    【讨论】:

    • 我喜欢 WebAIM(在您的答案中提供的链接)如何显示如何在链接中使用图像来显示不同的行为。图像 alt 覆盖了屏幕阅读器,链接中的空间更加保守。谢谢,乔希!
    【解决方案2】:

    在这种情况下,我会避免使用title 属性。它的使用存在几个问题,在大多数情况下应避免使用。例如,屏幕阅读器软件通常会在阅读链接中已经存在的文本之外的标题属性,从而阅读冗余且可能令人困惑的文本。 title 属性的处理方式在辅助技术中是不一致的。 Read more about when to use and not use the title attribute.

    此外,我会避免描述将要发生的动作。正如您所描述的,不同的技术/设备以不同的方式处理链接,用户甚至可以选择如何与链接交互(在新选项卡中打开等)。相反,专注于描述链接的目的。您的第一个示例:&lt;a href="/assets/pdf/pdf-file.pdf" target=_blank"&gt;Get Blah Information&lt;/a&gt; 比第二个要好得多。

    【讨论】:

    • 有趣。我阅读了您的链接,这是有关标题属性的好信息。但是,使用 target="_blank" 似乎是链接的好习惯,这会产生一些用户不知道的上下文变化,例如屏幕阅读器。在我的情况下,如果不重建网站的某些部分,则无法创建长而冗长的链接文本。在这些情况下,title 属性不可用吗?
    • 在使用屏幕阅读器激活target="_blank"链接的情况下,浏览器将处理上下文的变化。所以屏幕阅读器用户无论如何都会知道它。如果您必须创建仅屏幕阅读器版本的链接文本,aria-label 属性会更好,但是您必须维护两个字符串(并且很容易忘记仅可访问的字符串)。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-19
    • 2023-03-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多