如何将 aria-label 属性添加到视图中的链接？答案

【问题标题】：How to add aria-label attribute to a link in a view?如何将 aria-label 属性添加到视图中的链接？
【发布时间】：2015-01-06 00:59:26
【问题描述】：

我正在尝试将 aria-label 属性添加到链接以使其更易于访问。当我这样做时，它按预期工作：

<a href="/" class="site-name <%= is_active('home') %>" aria-label="<%= get_aria_label_current_page('home') %>">Version Postman</a>

但这不是：

<%= link_to t('nav.projects'), projects_path, class: is_active('projects'), aria-label: get_aria_label_current_page('home') %>

我收到“意外的 tLABEL”语法错误。有谁知道是什么问题？

谢谢。

【问题讨论】：

标签： ruby-on-rails ruby wai-aria

【解决方案1】：

是标签上的破折号造成了问题。试试这个：

<%= link_to t('nav.projects'), projects_path, class: is_active('projects'), 'aria-label' => get_aria_label_current_page('home') %>

更新

现在在 ruby 2.2 中你可以这样做：

'aria-label': get_aria_label_current_page('home')

【讨论】：

【解决方案2】：

至少从 Rails 5.2 开始，这也可以：

<%= link_to t('nav.projects'),
            projects_path,
            class: is_active('projects'),
            aria: { label: get_aria_label_current_page('home') } %>

这类似于data-* 属性的工作方式，这很好，因为您可以添加多个并将它们分组。

这可能适用于早期版本，但我没有检查过。

【讨论】：