ScienceDirect 上近期的易访问性更新

• 通过消除 ScienceDirect 主页上的部分标题链接，删除了重复的链接文本，并且我们在域导航顶部引入了一个整合的“Browse all titles in…（浏览…中的所有标题）”链接。此更新有助于更有效地引导用户访问相关内容。WCAG 准则：2.4.9 - 链接目的
  
  主页简化结构
• 我们通过确保“More registration benefits（更多注册福利）”、“Stored locally（本地存储）”和“Sign in（登录）”链接的颜色对比度至少为 3:1，提高了文章搜索页面上超链接的可见性，从而增强了弱视用户的可访问性。WCAG 准则：1.4.3 – 对比度。
  突出显示的链接显示了提高的对比度
• 可见焦点不再被文章页面上的粘性标题和期刊页面的开放获取选项所遮挡。WCAG 准则：2.4.7 - 可见焦点
  期刊页面上的焦点链接
• 阅读助理中的参考文献现在可通过 Tab 键进行导航，这样用户就可以轻松地导航到相应的段落。WCAG 准则：2.4.3 - 焦点顺序
• 主要主题区域中子主题类别的键盘导航问题已修复。在选择“Life Science（生命科学）”后，Tab 导航现在正确地将焦点置于“Browse all titles in Life Science（浏览生命科学中的所有标题）”上，提高了键盘用户的可用性。WCAG 准则：2.4.3 - 焦点顺序
• 键盘用户现在无需依赖鼠标即可在“Call for Papers（征集论文）”和“Special Issue（特刊）”页面上的工具提示中访问 CiteScore 信息。WCAG 准则：2.1.1 – 键盘
  可供键盘用户访问的工具提示
• 我们改进了“ScienceDirect Books（ScienceDirec 书籍）”页面上模式对话框的可访问性。屏幕阅读器仅访问打开模式中的内容，防止用户在对话框关闭之前在对话框之外导航。WCAG 准则：3.2.2 - 聚焦
  “Books（书籍）”页面上的下载模式
• 当放大到 400% 时，我们确保了期刊页面及“Special Issue（特刊）”和“Call for Papers（征集论文）”页面上内容的适当重排，因此只需要垂直滚动。Web 内容无障碍指南 (WCAG) 2.1 准则：1.4.10 - 重排
• 我们使阅读助理组件在缩放 400% 时可访问。Web 内容无障碍指南 (WCAG) 2.1 准则：1.4.10 – 重排
  
  放大到 400% 的阅读助理
• 将“Article Metrics（文章指标）”（如引用、获取、提述）正下方的“Article（文章）”页面标题标记为 H3，将子类别标记为列表项并按字母顺序排序，以便为屏幕阅读器用户提供更好的导航和内容结构。Web 内容无障碍指南 (WCAG) 2.1 准则：1.3.1 - 信息和关系
  标记为 h3 的“Article Metrics（文章指标）”标题
• 我们通过确保与背景的最小对比度为 3:1，提高了期刊“Aims and Scope（目标与范围）”页面上橙色项目符号的对比度，从而增强了视觉障碍用户的可读性和可访问性。Web 内容无障碍指南 (WCAG) 2.1 准则：1.4.11 - 非文本对比度

期刊页面

• 在期刊页面上，向“Open Access（开放获取）”和“Supports Open Access（支持开放获取）”的“Learn More（了解详细信息）”链接添加了 aria-label，以便为屏幕阅读器提供描述性文本。

  • Web 内容无障碍指南 (WCAG) 2.1 - 2.4.4 链接目的
    
• 提高了期刊页面标题和编辑器横幅中元素的焦点指示器对比度。这帮助键盘用户轻松识别焦点元素，从而达到所需的对比率。

  • WCAG 2.1 - 1.4.11 非文本对比度
    
• 向转型期刊的“Supports open access（支持开放获取）”链接添加了描述性 aria-label，确保为屏幕阅读器用户提供更好的导航体验。

  • WCAG 2.1 - 2.4.4 链接目的
    
• 调整了“In this journal or book title（在此期刊或书籍标题）”搜索框中的自动建议标题，以便屏幕阅读器朗读相关内容，帮助用户更好地了解自动建议列表结构。

  • WCAG 2.1 - 1.3.1 信息和关系
• 允许用户覆盖文本间距样式和调整容器尺寸以提高可读性，从而解决了期刊主页上的文本重叠问题。

  • WCAG 2.1 - 1.4.12 文本间距
    

文章页面

• 修正了“Recommended article（推荐论文）”部分中每篇非英语论文标题下的“View PDF（查看 PDF）”链接，避免继承母系论文的语言属性，确保以英语口音朗读。
• 修正了“Cited by（被引）”部分中每篇非英语论文标题下的“Show abstract/Hide abstract（显示摘要/隐藏摘要）”链接，避免继承母系论文的语言属性，确保以英语口音朗读。
  

“Browse Journals and Books（浏览期刊和书籍）”页面

• 为“Browse Journals and Books（浏览期刊和书籍）”页面上的字母链接添加了 aria-label“Filter publication by letter（按字母筛选出版物）”。这可确保用户了解此部分的功能和目的，从而改进整体导航体验。

  • WCAG 2.1 - 2.4.4 链接目的
    
• 已将用于打开“Refine Publication（精选出版物）”面板的按钮从“Domain（域）”和“Subdomain（子域）”更名为“Select domain（选择域）”和“Subdomain（选择子域）”。这可确保屏幕阅读器准确传达这些按钮的用途。

  • Web 内容无障碍指南 (WCAG) 2.1 - 4.1.2 名称、角色、值
    

一般更新

• 修正了自动 Wave 测试中报告的可访问性错误，提高了辅助技术“Missing form label（缺少表单标签）”的可用性。

  • WCAG 2.1 - 1.3.1 信息和关系
    
• 修正了由“Global Header（全局标题）”中的用户和帐户信息冗余引起的 WebAIM 警报，其中工具提示可见标签文本有重复。

  • WCAG 2.1 - 3.1.2 局部语言

• 为非英语书籍添加了语言标签。所有相关部分（包括书名和副标题、书籍描述、小节标题和章节标题）都已采用给定的语言进行标记，以便辅助技术正确朗读相关内容。

  • Web 内容无障碍指南 (WCAG) 2.1 成功准则 3.1.2 - 局部语言
    
• 将问题标题设为 H1，以此改进了特殊问题的标题结构。这样可以提供清晰的层次结构，改善导航体验，从而确保提高可访问性。

  • Web 内容无障碍指南 (WCAG) 2.1 成功准则 1.3.1 - 信息和关系 
    
• 修复了“Skip to main content（跳转至主要内容）”链接，该链接现在可跳转至期刊和书籍浏览页面上的搜索框。

  • Web 内容无障碍指南 (WCAG) 2.1 成功准则 2.4.1 - 绕过区块

期刊浏览页面

我们对内容布局进行了调整，以便放大 200% 或更多的用户可以访问所有页面内容。Web 内容无障碍指南 (WCAG) 2.1 成功准则 1.4.10 - 重排。

书籍页面

我们更新了“View PDF（查看 PDF）”链接上的文本说明 (aria-label)，以显示“View PDF, opens in a new window（查看 PDF，在新窗口中打开）”。此更改可帮助用户了解点击链接时将发生的情况，从而确保获得可预测的体验。 Web 内容无障碍指南 (WCAG) 2.1 成功准则 2.4.4 - 链接目的。

一般更新

我们在 journal society logos（期刊社会标识）的替代文字 (alt text) 中添加了“society logo（社会标识）”。这使得描述对使用屏幕阅读器的人来说更有意义。Web 内容无障碍指南 (WCAG) 2.1 成功准则 1.1.1 - 非文本内容。

Reading History（阅读历史记录）和 Recommendation（相关推荐）页面

我们已为论文和章节标题的非英语标题添加语言属性。 借此，屏幕阅读器可切换到指定的语言并正确显示标题。Web 内容无障碍指南 (WCAG) 2.1 成功准则 3.1.2 - 局部语言。

一般更新

• 修复了 ScienceDirect 支持中心弹出窗口中的标记，以确保以各自的语言显示英语和非英语文本。Web 内容无障碍指南 (WCAG) 2.1 成功准则 3.1.2 - 局部语言。
  
• 改进了错误编码为“Definition Description（定义描述）”的论文信息项（论文类型、OA 标记）的标记。屏幕阅读器现已正确显示标记，并且与其他访问类型标签一致。Web 内容无障碍指南 (WCAG) 2.1 成功准则 1.3.1 - 信息和关系
  
• 已更新 aria-label，以与可见内容保持一致，确保屏幕阅读器的显示更有效，从而实现更好的导航体验。Web 内容无障碍指南 (WCAG) 2.1 成功准则 4.1.2 - 名称、角色、值。

  • “Advanced Search（高级检索）”中的“Cancel（取消）”按钮。
    
  • 主题（词）页面上的“Add to Mendeley（添加到 Mendeley）”按钮。
    

期刊页面

• 增强了期刊“About（关于）”页面上左侧导航链接的标记。现在，它们作为一个列表显示，列出了项目的数量，为屏幕阅读器用户提供了对信息结构的更好理解。Web 内容无障碍指南 (WCAG) 2.1 成功准则 1.3.1 - 信息和关系。
  
• 更新了期刊页面上编辑板图像的可选文本，以包括编辑者的姓名，从而提供更有意义的信息。Web 内容无障碍指南 (WCAG) 2.1 成功准则 1.1.1 - 非文本内容。

一般更新

Aria-label 更具描述性，且与可见内容相匹配，从而提供有效的导航

Web 内容无障碍指南 (WCAG) 2.1 成功准则 2.4.4 链接用途（在上下文中）（A 级），Web 内容无障碍指南 (WCAG) 成功准则 2.5.3 名称中的标签（A 级）

• 带有向上箭头图标样式的链接现在显示为“link opens new window（链接打开新窗口）”。 
• 将快速搜索标题的 aria-label 更新为“Search ScienceDirect（搜索 ScienceDirect）”，使其与可见内容相匹配，从而实现更有效/可靠的导航
  

色彩对比度改进

Web 内容无障碍指南 (WCAG) 成功准则 1.4.3 对比度（最小值）（AA 级）

• 搜索框下方的痕迹导航标签 
• 搜索结果中折叠的 V 形符号和突出显示的查询匹配项

文章页面 

关闭作者面板后，突出显示会返回到作者姓名链接

Web 内容无障碍指南 (WCAG) 2.1 成功准则 2.4.3 突出显示顺序（A 级） 

使用 Esc 或“Close（关闭）”按钮关闭作者面板后，文章页面上的突出显示会返回到调用的作者姓名链接。这可以确保屏幕阅读器用户可以轻松地定位链接在页面上的位置，防止出现定向障碍。 

期刊页面 

改进了文章预览部分的键盘导航

Web 内容无障碍指南 (WCAG) 2.1 成功准则 2.1.1 键盘（A 级） 

现在在展开文章预览时，可以通过键盘导航生成的滚动条窗格。

现在可以使用 Esc 键关闭悬停时触发的菜单项

Web 内容无障碍指南 (WCAG) 准则 1.4.13 关于悬停或突出显示的内容（AA 级）

主题（词）页面 

屏幕阅读器在主题（词）页面上公布搜索结果

Web 内容无障碍指南 (WCAG) 2.1成功准则 4.1.3 状态信息 

标题中的结果总数通过屏幕阅读器显示。这使得屏幕阅读器用户更容易衡量每个主题（词）提供的信息的范围，而且可以更加轻松地找到所需的信息。

Journals & Books（期刊和书籍）浏览页面

删除了放大至 200%+ 时出现的覆盖

Web 内容无障碍指南 (WCAG) 成功准则 1.4.10 重排（AA 级） 

启用了屏幕阅读器以检测“Domain（域）”和“Subdomain（子域）”下拉列表

Web 内容无障碍指南 (WCAG) 准则 4.1.2 名称、角色、值（A 级）

这部分提供了有关每个下拉列表的用途的清晰信息，可以实现流畅的出版物细化。 

阅读历史记录 

显示每个阅读历史记录部分的相应日期

Web 内容无障碍指南 (WCAG) 成功准则 1.3.1 信息和关系（AA 级） 

隐藏式字幕 - Web 内容无障碍指南 (WCAG) 2.1 准则 1.2.2 字幕（A 级）

3 月，全新的开放获取视频期刊 Science Talks 问世。本期刊中发表的所有视频文章均提供隐藏式字幕和滚动的文字副本，这些内容可在完全无障碍的媒体播放器中呈现。

如果用户选择显示隐藏式字幕，则可以自定义文本的外观（位置、字体、大小、颜色、不透明度和背景）。视频的文字副本也可显示在文章一侧。视频播放时，其对应的文字副本将自动滚动，但也可以在视频播放时单独进行文字副本阅读，甚至可以点击一个句子，从这一句子的精确位置播放视频。

在此项目成功试行后，我们会继续为 ScienceDirect 上的其他视频期刊制作隐藏式字幕和文字副本。

带标签的 PDF - Web 内容无障碍指南 (WCAG) 2.1 准则 1.3.1 信息和关系（A 级）

我们已经开始为使用辅助技术的用户提供一项新功能，以增强我们的 PDF 文件的易访问性。我们提供了各种辅助技术工具，通过添加一系列标签，确定标题、段落、图形和链接等元素，并详细展现文章的结构，为屏幕阅读器用户带来卓越的导航和阅读体验。目前，这一功能适用于 51 种期刊上发表的所有新文章，例如 Scientific African 和 Cognitive Robotics，并将在未来几个月逐步推广到更多期刊。

其他改进

Web 内容无障碍指南 (WCAG) 2.1 准则 1.3.1 信息和关系（A 级）：搜索结果页面上的标志性内容已经过重组，确保所有页面内容都包含在标志性内容中，并且没有标志性内容是空白的。

Web 内容无障碍指南 (WCAG) 2.1 准则 1.4.3 对比度（最小值）（AA 级）：

• 文章&书籍章节页面上的开放获取标签已更改，因为以前的版本（橙色文本，白色背景）无法提供足够的色彩对比度。它已替换为前面有一个绿点的深灰色标签，该标签已在各期目录和搜索结果页面上使用。
• 搜索结果页面上“Brought to you by（由...提供）”的标签颜色已更改，以满足对比度要求。

Web 内容无障碍指南 (WCAG) 2.1 准则 1.4.11 非文本对比度（AA 级）解决了在“Search history（搜索历史记录）”页面和“Reading history（阅读历史记录）”页面上切换时出现的对话窗口中的色彩对比度问题。

Web 内容无障碍指南 (WCAG) 2.1 准则 2.1.1 键盘（A 级）：改善了“Search history（搜索历史记录）”页面和“Reading history（阅读历史记录）”页面上的键盘访问，避免切换时出现的对话窗口挡住焦点。

Web 内容无障碍指南 (WCAG) 2.1 准则 2.4.7 焦点可见（AA 级）：改善书籍页面上的突出边框，确保从 4 个侧面均可见，而不是之前的 3 个。

Web 内容无障碍指南 (WCAG) 2.1 准则 3.1.2 局部语言（AA 级）：在网站标题中添加了语言标签，用以指示日语和中文链接。

Web 内容无障碍指南 (WCAG) 2.1 准则 4.1.1 解析（A 级）：解决了搜索结果页面上的重复标识符问题（搜索提示和排序选项）。

Web 内容无障碍指南 (WCAG) 2.1 准则 4.1.2 名称、角色、值（A 级）：在“Recommendations（推荐）”页面、“Search history（搜索历史记录）”页面和“Reading history（阅读历史记录）”页面上，为用于关闭切换时出现的对话窗口的按钮添加了无障碍名称。

Web 内容无障碍指南 (WCAG) 2.1 准则 4.1.3 状态信息（AA 级）：将“Search history（搜索历史记录）”页面上的开关拨到打开或关闭位置时，屏幕阅读器现在能够读出绿色的“Saved（已保存）”消息。

色彩对比度改进：链接和按钮

ScienceDirect 重新设计了主页上的所有链接和按钮，使其在悬停状态下能显示出更好的色彩对比度。

• 悬停时的链接之前会显示为橙色文本加下划线，现在会显示为黑色文本加橙色下划线：
  
• 突出显示时的链接之前会显示为橙色文本加黑色突出边框，现在会显示为蓝色文本加橙色突出边框：
  
• 悬停时的按钮之前会显示为白色符号加橙色背景，现在会显示为黑色符号加白色背景和橙色边框：
  
• 突出显示时的按钮之前会显示为白色符号加橙色背景和黑色边框，现在会显示为白色符号加蓝色背景和橙色边框：

书籍页面上的选项卡也做了类似修改，将突出显示/悬停状态下的橙色文本换成黑色文本，另外，悬停时外加橙色下划线，突出显示时外加橙色边框。 

搜索和搜索结果页面的改进

键盘访问：

• 现在，点击搜索结果条目中的省略号，即可访问键盘。点击激活该省略号即可显示卷、期号信息和页码。
  

屏幕阅读器支持：

• 现在，在“Suggested Publications（推荐的出版物）”部分，所有封面图片上都有替代文字。突出显示某出版物时，额外添加有外边框，以确保其始终清晰可见。
  
• 现在，搜索结果页面上的所有展开/折叠按钮，都带有 aria-expanded 属性，以便将其当前状态发送给屏幕阅读器。其中包括每个搜索结果下方的“Abstract（摘要）”、“Extracts（提取）”和“Export（导出）”按钮，以及搜索结果左侧的小界面中的“Show more（显示更多）”/“Show less（显示更少）”按钮。
  
• 现在，保存搜索通知后出现的确认消息不会再像以前一样几秒后自动消失，而会一直显示，直至用户自行关闭，并且消息内容可通过屏幕阅读器读取。在您一次性下载多篇文章时所显示的消息，同样也会变成一直显示。
  
• 要想选择/取消选择搜索结果中的所有文章，技术辅助用户现在只需勾选复选框即可 (role = checkbox，aria-label & aria-checked)：
  
• 现在，通过期刊/书籍名称搜索框的自动推荐功能获取到的推荐数量，也会显示在屏幕阅读器中：
  

新的媒体播放器

我们更换了媒体播放器，以提高其可用性。新的播放器基于 AblePlayer 建立，提供了完全可通过键盘操作的控件，为屏幕阅读器做了标记，并且可由语音识别用户控制。所有主要控件都提供了键盘快捷键，并且有三个修改键可供选择。

如需了解详情，请观看新媒体播放器样片。

请注意，我们正在试点为视频内容提供隐藏式字幕。试点成功后，播放器将全面支持这项功能。

页面结构

• 改进期刊页面的标题结构。
• “Advanced Search（高级检索）”：调整了标志性内容，以优化页面结构呈现效果；变更了最近搜索详情，确保屏幕阅读器用户读取时可以理解其内容。
• 主题页图像标题：aria-label已改为指向包含相应标题的元素，以便屏幕阅读器检索并读取有关主题页图像的标题文本。

键盘访问

• Journal aims & scope（期刊目标与范围）：我们已解决妨碍“aims & scope（目标与范围）”侧边面板键盘操作的两大错误。通过激活“View full aims & scope（查看完整目标与范围）”链接显示面板，目前只能使用键盘打开、查看和关闭面板。

屏幕阅读器体验

• 我们已改进列表中每篇文章重复的链接编码，以便屏幕阅读器工具读出与链接相关的文章标题：

  • “Search results（搜索结果）”页面上的“Download PDF（下载 PDF 文件）”、“Abstract（摘要）”、“Extracts（提取）”和“Export（导出）”链接。
  • “Reading History（阅读历史记录）”页面上的“View PDF（查看 PDF 文件）”和“Abstract（摘要）”链接
  • 在“Advanced search（高级检索）”页面上的“Show all fields（显示所有字段）”链接中，多余的 aria-label已被删除，以确保屏幕阅读器读出的内容与页面显示的文本相匹配。

主题（词）页面

• 德语主题页面上的“Mehr lesen”按钮起初不会改变鼠标悬停时的颜色。我们修改了这一点，确保按钮状态在鼠标悬停时由蓝色变为橙色，从而提供额外的视觉提示，即下一步操作提示。
• 针对某些化学主题页面上的“Reaxys reaction & mechanism panel（Reaxys 反应与机制面板）”功能，我们也进行了结构和语义上的改进。做出这些改进的目的在于：确保页面标志的独特性，正确使用 HTML 元素（用 <button> 代替 <a>），此外，我们添加了“Reaxys opens in a new window（在新窗口打开 Reaxys 链接）”的指示。

重新设计搜索框

“Advanced Search（高级检索）”表格已经过重新设计，现在更加醒目且更易于理解：

• 主要变化是，搜索输入字段现在有了完整的矩形轮廓线，而不是之前简单的一条横线。矩形轮廓线使搜索框的元素更加醒目，在页面的白色背景下更容易识别到，也更容易帮助用户确认标签与输入字段的匹配情况。

• 另外，还改进了输入字段的突出显示效果：当一个给定的输入字段突出显示时，会增加橙色轮廓。

  

• “Search results（搜索结果）”页面上的搜索输入也进行了这些改进：

  

文章参考文献链接的 Aria 描述（标签描述）

• 文章参考文献列表包含许多链接，允许读者在 ScienceDirect、Scopus、Google Scholar 中或使用 CrossRef 查找特定的参考文献（查看示例）。由于这些文本链接在不同参考文献中重复出现，因此我们应用了 aira 标签，以便辅助技术用户能够确定某链接到底适用于哪个参考文献。

• 之前存在一个漏洞，导致了这些链接上的 aria-describedby 引用了无法匹配的标识符，如今该漏洞已经成功修复。现在，aria-describedby 会引用与该文献标题相关联的标识符。

  

页面结构和可导航性&

• “Browse Topics（浏览主题）”页面的标题结构已经调整，可更好地显示出页面的层次结构。“Related results（相关结果）”部分的标题大小由先前的 H3 改为现在的 H2。
• “Advanced search（高级检索）”页面的“skip navigation（跳过导航）”链接已经修复，确保用户可以跳过网站标题，直接进入搜索表格。
• 我们使用单一链接取代了原有的双跳转链接结构，从而简化了期刊页面的跳转链接逻辑（查看示例），增强了该页面与网站其他部分的一致性，并且操作更加快捷。

键盘相关联的突出显示

• 为了改善键盘的使用体验，我们对“Reading History（阅读历史记录）”页面也进行了改进。在旧版本中，如果从阅读历史记录中删除了出版物，键盘相关联的突出显示会消失。经过最新修复后，突出显示会移动到阅读历史记录列表中下一项的标题上面，并且是可见的。

  

绕过拦截

修复了以下页面上几个损坏的跳转链接：

• 所有的期刊“Aims & scope（目标与范围）”页面
• 所有的期刊“Editorial board（编辑委员会）”页面
• “Reading History（阅读历史记录）”页面

替代文字

• 为 ScienceDirect 主页上的“Feedback（反馈）”按钮添加了替代文字。我们还在研究进一步的改进，希望能将其编码显示为按钮而非图像。
• 为文章页面的“Article Metrics（文章指标）”部分中的 PlumX 标识也添加了替代文字。文章页面示例。

色彩对比度

• 为了满足色彩对比度的最低要求，对文章页面的“Article Metrics（文章指标）”部分的蓝色“View details（查看详情）”链接的颜色也进行了调整。

标题

• 删除了所有期刊“Articles in press（待刊论文）”页面中的两个空标题。“Articles in press（待刊论文）”页面示例。

标签

• 修改了网站标题中“profile（资料）”按钮上的 aria-label，使其与可见文字标签相匹配。
• 现在 aria-label也已经应用到用于关闭文章页面上的访问工具栏的按钮上。