From b2a6f91a81531676179313802b320f09c3beaadc Mon Sep 17 00:00:00 2001
From: Istvan Soos <istvan.soos@gmail.com>
Date: Tue, 21 Jan 2025 16:38:13 +0100
Subject: [PATCH] Fix ARIA attributes for x-ago texts.

---
 app/lib/frontend/dom/dom.dart                 |  7 ++++--
 .../frontend/golden/my_activity_log_page.html | 24 +++++++++----------
 .../frontend/golden/my_liked_packages.html    |  6 ++---
 app/test/frontend/golden/my_packages.html     |  8 +++----
 app/test/frontend/golden/my_publishers.html   |  4 ++--
 .../golden/pkg_activity_log_page.html         | 14 +++++------
 app/test/frontend/golden/pkg_admin_page.html  |  2 +-
 .../frontend/golden/pkg_changelog_page.html   |  2 +-
 .../frontend/golden/pkg_example_page.html     |  2 +-
 app/test/frontend/golden/pkg_index_page.html  |  6 ++---
 .../frontend/golden/pkg_install_page.html     |  2 +-
 app/test/frontend/golden/pkg_score_page.html  |  4 ++--
 .../pkg_score_page_with_downloads_chart.html  |  4 ++--
 app/test/frontend/golden/pkg_show_page.html   |  2 +-
 .../golden/pkg_show_page_discontinued.html    |  2 +-
 .../golden/pkg_show_page_flutter_plugin.html  |  2 +-
 .../golden/pkg_show_page_publisher.html       |  2 +-
 .../golden/pkg_show_page_retracted.html       |  2 +-
 ..._page_retracted_non_retracted_version.html |  2 +-
 .../golden/pkg_show_version_page.html         |  2 +-
 .../frontend/golden/pkg_versions_page.html    | 10 ++++----
 .../golden/publisher_activity_log_page.html   |  6 ++---
 .../frontend/golden/publisher_admin_page.html |  2 +-
 .../frontend/golden/publisher_list_page.html  |  4 ++--
 .../golden/publisher_packages_page.html       |  6 ++---
 .../publisher_unlisted_packages_page.html     |  6 ++---
 app/test/frontend/golden/search_page.html     |  6 ++---
 .../testdata/goldens/packages/oxygen.html     |  2 +-
 .../goldens/packages/oxygen/changelog.html    |  2 +-
 .../goldens/packages/oxygen/example.html      |  2 +-
 .../goldens/packages/oxygen/install.html      |  2 +-
 .../goldens/packages/oxygen/license.html      |  2 +-
 .../goldens/packages/oxygen/score.html        |  4 ++--
 .../goldens/packages/oxygen/versions.html     |  6 ++---
 .../packages/oxygen/versions/1.0.0.html       |  2 +-
 .../oxygen/versions/1.0.0/changelog.html      |  2 +-
 .../oxygen/versions/1.0.0/example.html        |  2 +-
 .../oxygen/versions/1.0.0/install.html        |  2 +-
 .../oxygen/versions/1.0.0/license.html        |  2 +-
 .../packages/oxygen/versions/1.0.0/score.html |  4 ++--
 .../packages/oxygen/versions/2.0.0.html       |  2 +-
 41 files changed, 89 insertions(+), 86 deletions(-)

diff --git a/app/lib/frontend/dom/dom.dart b/app/lib/frontend/dom/dom.dart
index c180c94c26..07e3a1945e 100644
--- a/app/lib/frontend/dom/dom.dart
+++ b/app/lib/frontend/dom/dom.dart
@@ -109,8 +109,11 @@ Node xAgoTimestamp(DateTime timestamp, {String? datePrefix}) {
     href: '',
     title: title,
     attributes: {
-      'aria-label': text,
-      'aria-role': 'button',
+      // Note: We change the `text` and the `title` when the user clicks this button.
+      //       We do not use `aria-label`, so that the screenreader will read the
+      //       appropriate change.
+      //       We do not use `aria-pressed`, so that the screenreader will not read
+      //       "toggle button pressed" as part of the text.
       'role': 'button',
       'data-timestamp': timestamp.millisecondsSinceEpoch.toString(),
     },
diff --git a/app/test/frontend/golden/my_activity_log_page.html b/app/test/frontend/golden/my_activity_log_page.html
index 59947e9625..b97e2cf28a 100644
--- a/app/test/frontend/golden/my_activity_log_page.html
+++ b/app/test/frontend/golden/my_activity_log_page.html
@@ -146,7 +146,7 @@ <h1 class="title">admin</h1>
                   <p>admin@pub.dev</p>
                   <p>
                     Joined
-                    <a class="-x-ago" href="" title="on %%user-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="on %%user-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </p>
                 </div>
               </div>
@@ -185,7 +185,7 @@ <h1 class="title">admin</h1>
                     <tbody>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%user-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%user-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -203,7 +203,7 @@ <h1 class="title">admin</h1>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%user-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%user-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -221,7 +221,7 @@ <h1 class="title">admin</h1>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%user-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%user-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -239,7 +239,7 @@ <h1 class="title">admin</h1>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%user-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%user-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -255,7 +255,7 @@ <h1 class="title">admin</h1>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%user-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%user-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -273,7 +273,7 @@ <h1 class="title">admin</h1>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%user-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%user-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -291,7 +291,7 @@ <h1 class="title">admin</h1>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%user-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%user-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -307,7 +307,7 @@ <h1 class="title">admin</h1>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%user-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%user-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -325,7 +325,7 @@ <h1 class="title">admin</h1>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%user-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%user-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -341,7 +341,7 @@ <h1 class="title">admin</h1>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%user-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%user-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -359,7 +359,7 @@ <h1 class="title">admin</h1>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%user-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%user-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
diff --git a/app/test/frontend/golden/my_liked_packages.html b/app/test/frontend/golden/my_liked_packages.html
index d4d547d318..95c1fdecfd 100644
--- a/app/test/frontend/golden/my_liked_packages.html
+++ b/app/test/frontend/golden/my_liked_packages.html
@@ -147,7 +147,7 @@ <h1 class="title">user</h1>
                   <p>user@pub.dev</p>
                   <p>
                     Joined
-                    <a class="-x-ago" href="" title="on %%user-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="on %%user-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </p>
                 </div>
               </div>
@@ -192,7 +192,7 @@ <h3 class="packages-title">
                       </div>
                       <p class="packages-metadata">
                         Liked
-                        <a class="-x-ago" href="" title="on %%liked1-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                        <a class="-x-ago" href="" title="on %%liked1-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                       </p>
                     </div>
                     <div class="packages-item">
@@ -210,7 +210,7 @@ <h3 class="packages-title">
                       </div>
                       <p class="packages-metadata">
                         Liked
-                        <a class="-x-ago" href="" title="on %%liked1-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                        <a class="-x-ago" href="" title="on %%liked1-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                       </p>
                     </div>
                   </div>
diff --git a/app/test/frontend/golden/my_packages.html b/app/test/frontend/golden/my_packages.html
index 321ef6c198..3db3aa8ab1 100644
--- a/app/test/frontend/golden/my_packages.html
+++ b/app/test/frontend/golden/my_packages.html
@@ -146,7 +146,7 @@ <h1 class="title">user</h1>
                   <p>user@pub.dev</p>
                   <p>
                     Joined
-                    <a class="-x-ago" href="" title="on %%oxygen-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="on %%oxygen-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </p>
                 </div>
               </div>
@@ -232,11 +232,11 @@ <h3 class="packages-title">
                               v
                               <a href="/packages/oxygen" title="Visit oxygen 1.2.0 page">1.2.0</a>
                               (
-                              <a class="-x-ago" href="" title="%%oxygen-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                              <a class="-x-ago" href="" title="%%oxygen-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                               ) /
                               <a href="/packages/oxygen/versions/2.0.0-dev" title="Visit oxygen 2.0.0-dev page">2.0.0-dev</a>
                               (
-                              <a class="-x-ago" href="" title="%%oxygen-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                              <a class="-x-ago" href="" title="%%oxygen-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                               )
                             </span>
                             <span class="packages-metadata-block">
@@ -315,7 +315,7 @@ <h3 class="packages-title">
                               v
                               <a href="/packages/neon" title="Visit neon 1.0.0 page">1.0.0</a>
                               (
-                              <a class="-x-ago" href="" title="%%oxygen-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                              <a class="-x-ago" href="" title="%%oxygen-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                               )
                             </span>
                             <span class="packages-metadata-block">
diff --git a/app/test/frontend/golden/my_publishers.html b/app/test/frontend/golden/my_publishers.html
index fd397e7c83..465b36ad9e 100644
--- a/app/test/frontend/golden/my_publishers.html
+++ b/app/test/frontend/golden/my_publishers.html
@@ -146,7 +146,7 @@ <h1 class="title">user</h1>
                   <p>user@pub.dev</p>
                   <p>
                     Joined
-                    <a class="-x-ago" href="" title="on %%user-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="on %%user-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </p>
                 </div>
               </div>
@@ -181,7 +181,7 @@ <h3 class="publishers-item-title">
                       </h3>
                       <p>
                         Registered
-                        <a class="-x-ago" href="" title="on %%publisher-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                        <a class="-x-ago" href="" title="on %%publisher-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         .
                       </p>
                     </div>
diff --git a/app/test/frontend/golden/pkg_activity_log_page.html b/app/test/frontend/golden/pkg_activity_log_page.html
index 7546028f60..511f02642a 100644
--- a/app/test/frontend/golden/pkg_activity_log_page.html
+++ b/app/test/frontend/golden/pkg_activity_log_page.html
@@ -153,7 +153,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </span>
                   • Latest:
                   <span>
@@ -256,7 +256,7 @@ <h3 class="detail-lead-title">Metadata</h3>
                     <tbody>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -266,7 +266,7 @@ <h3 class="detail-lead-title">Metadata</h3>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -284,7 +284,7 @@ <h3 class="detail-lead-title">Metadata</h3>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -302,7 +302,7 @@ <h3 class="detail-lead-title">Metadata</h3>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -322,7 +322,7 @@ <h3 class="detail-lead-title">Metadata</h3>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -340,7 +340,7 @@ <h3 class="detail-lead-title">Metadata</h3>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%activity-5-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%activity-5-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
diff --git a/app/test/frontend/golden/pkg_admin_page.html b/app/test/frontend/golden/pkg_admin_page.html
index e4b0eecfc9..41e10a46d6 100644
--- a/app/test/frontend/golden/pkg_admin_page.html
+++ b/app/test/frontend/golden/pkg_admin_page.html
@@ -153,7 +153,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </span>
                   • Latest:
                   <span>
diff --git a/app/test/frontend/golden/pkg_changelog_page.html b/app/test/frontend/golden/pkg_changelog_page.html
index c1731011b4..8483be5731 100644
--- a/app/test/frontend/golden/pkg_changelog_page.html
+++ b/app/test/frontend/golden/pkg_changelog_page.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </span>
                   • Latest:
                   <span>
diff --git a/app/test/frontend/golden/pkg_example_page.html b/app/test/frontend/golden/pkg_example_page.html
index 81eabba500..b2adfb4c93 100644
--- a/app/test/frontend/golden/pkg_example_page.html
+++ b/app/test/frontend/golden/pkg_example_page.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </span>
                   • Latest:
                   <span>
diff --git a/app/test/frontend/golden/pkg_index_page.html b/app/test/frontend/golden/pkg_index_page.html
index 99ded5b281..80560fab62 100644
--- a/app/test/frontend/golden/pkg_index_page.html
+++ b/app/test/frontend/golden/pkg_index_page.html
@@ -499,11 +499,11 @@ <h3 class="packages-title">
                       v
                       <a href="/packages/oxygen" title="Visit oxygen 1.2.0 page">1.2.0</a>
                       (
-                      <a class="-x-ago" href="" title="%%oxygen-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                      <a class="-x-ago" href="" title="%%oxygen-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                       ) /
                       <a href="/packages/oxygen/versions/2.0.0-dev" title="Visit oxygen 2.0.0-dev page">2.0.0-dev</a>
                       (
-                      <a class="-x-ago" href="" title="%%oxygen-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                      <a class="-x-ago" href="" title="%%oxygen-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                       )
                     </span>
                     <span class="packages-metadata-block">
@@ -582,7 +582,7 @@ <h3 class="packages-title">
                       v
                       <a href="/packages/flutter_titanium" title="Visit flutter_titanium 1.10.0 page">1.10.0</a>
                       (
-                      <a class="-x-ago" href="" title="%%oxygen-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                      <a class="-x-ago" href="" title="%%oxygen-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                       )
                     </span>
                     <span class="packages-metadata-block">
diff --git a/app/test/frontend/golden/pkg_install_page.html b/app/test/frontend/golden/pkg_install_page.html
index 106438baa5..618bd1ece0 100644
--- a/app/test/frontend/golden/pkg_install_page.html
+++ b/app/test/frontend/golden/pkg_install_page.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </span>
                   • Latest:
                   <span>
diff --git a/app/test/frontend/golden/pkg_score_page.html b/app/test/frontend/golden/pkg_score_page.html
index a57490b8bf..e0ce2fac01 100644
--- a/app/test/frontend/golden/pkg_score_page.html
+++ b/app/test/frontend/golden/pkg_score_page.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </span>
                   • Latest:
                   <span>
@@ -234,7 +234,7 @@ <h3 class="detail-lead-title">Metadata</h3>
                   </div>
                   <p class="analysis-info">
                     We analyzed this package
-                    <a class="-x-ago" href="" title="on %%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="on %%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                     , and awarded it 54 pub points (of a possible 70):
                   </p>
                   <div class="pkg-report">
diff --git a/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html b/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html
index a57490b8bf..e0ce2fac01 100644
--- a/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html
+++ b/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </span>
                   • Latest:
                   <span>
@@ -234,7 +234,7 @@ <h3 class="detail-lead-title">Metadata</h3>
                   </div>
                   <p class="analysis-info">
                     We analyzed this package
-                    <a class="-x-ago" href="" title="on %%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="on %%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                     , and awarded it 54 pub points (of a possible 70):
                   </p>
                   <div class="pkg-report">
diff --git a/app/test/frontend/golden/pkg_show_page.html b/app/test/frontend/golden/pkg_show_page.html
index f57c69d33e..d99654d2ed 100644
--- a/app/test/frontend/golden/pkg_show_page.html
+++ b/app/test/frontend/golden/pkg_show_page.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </span>
                   • Latest:
                   <span>
diff --git a/app/test/frontend/golden/pkg_show_page_discontinued.html b/app/test/frontend/golden/pkg_show_page_discontinued.html
index 6f72ac6b33..b7134e24e7 100644
--- a/app/test/frontend/golden/pkg_show_page_discontinued.html
+++ b/app/test/frontend/golden/pkg_show_page_discontinued.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </span>
                 </div>
                 <div class="detail-tags-and-like">
diff --git a/app/test/frontend/golden/pkg_show_page_flutter_plugin.html b/app/test/frontend/golden/pkg_show_page_flutter_plugin.html
index 57feb55da9..355d26af79 100644
--- a/app/test/frontend/golden/pkg_show_page_flutter_plugin.html
+++ b/app/test/frontend/golden/pkg_show_page_flutter_plugin.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </span>
                 </div>
                 <div class="detail-tags-and-like">
diff --git a/app/test/frontend/golden/pkg_show_page_publisher.html b/app/test/frontend/golden/pkg_show_page_publisher.html
index a7863a02d3..ed4067be89 100644
--- a/app/test/frontend/golden/pkg_show_page_publisher.html
+++ b/app/test/frontend/golden/pkg_show_page_publisher.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </span>
                   •
                   <a class="-pub-publisher" href="/publishers/example.com">
diff --git a/app/test/frontend/golden/pkg_show_page_retracted.html b/app/test/frontend/golden/pkg_show_page_retracted.html
index b38cf0e003..0cefd1f256 100644
--- a/app/test/frontend/golden/pkg_show_page_retracted.html
+++ b/app/test/frontend/golden/pkg_show_page_retracted.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </span>
                   • Latest:
                   <span>
diff --git a/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html b/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html
index 9f03092173..fbf7cd37c8 100644
--- a/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html
+++ b/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </span>
                 </div>
                 <div class="detail-tags-and-like">
diff --git a/app/test/frontend/golden/pkg_show_version_page.html b/app/test/frontend/golden/pkg_show_version_page.html
index b58f863e02..6aafce7388 100644
--- a/app/test/frontend/golden/pkg_show_version_page.html
+++ b/app/test/frontend/golden/pkg_show_version_page.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%published-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="%%published-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </span>
                   • Latest:
                   <span>
diff --git a/app/test/frontend/golden/pkg_versions_page.html b/app/test/frontend/golden/pkg_versions_page.html
index 2b37612be2..999cb72a94 100644
--- a/app/test/frontend/golden/pkg_versions_page.html
+++ b/app/test/frontend/golden/pkg_versions_page.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%version-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="%%version-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </span>
                   • Latest:
                   <span>
@@ -212,7 +212,7 @@ <h3 class="detail-lead-title">Metadata</h3>
                   <p>
                     The latest prerelease was
                     <a href="#prerelease">2.0.0-dev</a>
-                    <a class="-x-ago" href="" title="on %%version-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="on %%version-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                     .
                   </p>
                   <h2 id="stable">Stable versions of oxygen</h2>
@@ -245,7 +245,7 @@ <h2 id="stable">Stable versions of oxygen</h2>
                         </td>
                         <td class="sdk">3.0</td>
                         <td class="uploaded">
-                          <a class="-x-ago" href="" title="%%version-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%version-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="documentation">
                           <a href="/documentation/oxygen/1.2.0/" rel="nofollow" title="Go to the documentation of oxygen 1.2.0">
@@ -267,7 +267,7 @@ <h2 id="stable">Stable versions of oxygen</h2>
                         </td>
                         <td class="sdk">3.0</td>
                         <td class="uploaded">
-                          <a class="-x-ago" href="" title="%%version-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%version-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="documentation">
                           <a href="/documentation/oxygen/1.0.0/" rel="nofollow" title="Go to the documentation of oxygen 1.0.0">
@@ -312,7 +312,7 @@ <h2 id="prerelease">Prerelease versions of oxygen</h2>
                         </td>
                         <td class="sdk">3.0</td>
                         <td class="uploaded">
-                          <a class="-x-ago" href="" title="%%version-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%version-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="documentation">
                           <a href="/documentation/oxygen/2.0.0-dev/" rel="nofollow" title="Go to the documentation of oxygen 2.0.0-dev">
diff --git a/app/test/frontend/golden/publisher_activity_log_page.html b/app/test/frontend/golden/publisher_activity_log_page.html
index d03023fb95..c5b6a8782a 100644
--- a/app/test/frontend/golden/publisher_activity_log_page.html
+++ b/app/test/frontend/golden/publisher_activity_log_page.html
@@ -130,7 +130,7 @@ <h1 class="title">example.com</h1>
                   </p>
                   <p>
                     Publisher registered
-                    <a class="-x-ago" href="" title="on %%publisher-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="on %%publisher-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </p>
                 </div>
               </div>
@@ -173,7 +173,7 @@ <h1 class="title">example.com</h1>
                     <tbody>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%publisher-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%publisher-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
@@ -191,7 +191,7 @@ <h1 class="title">example.com</h1>
                       </tr>
                       <tr>
                         <td class="date">
-                          <a class="-x-ago" href="" title="%%publisher-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                          <a class="-x-ago" href="" title="%%publisher-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                         </td>
                         <td class="summary">
                           <div class="markdown-body">
diff --git a/app/test/frontend/golden/publisher_admin_page.html b/app/test/frontend/golden/publisher_admin_page.html
index 61890c04fa..9b0bfb9617 100644
--- a/app/test/frontend/golden/publisher_admin_page.html
+++ b/app/test/frontend/golden/publisher_admin_page.html
@@ -130,7 +130,7 @@ <h1 class="title">example.com</h1>
                   </p>
                   <p>
                     Publisher registered
-                    <a class="-x-ago" href="" title="on %%publisher-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="on %%publisher-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </p>
                 </div>
               </div>
diff --git a/app/test/frontend/golden/publisher_list_page.html b/app/test/frontend/golden/publisher_list_page.html
index 7a2e1b07ce..6ba40f4811 100644
--- a/app/test/frontend/golden/publisher_list_page.html
+++ b/app/test/frontend/golden/publisher_list_page.html
@@ -122,7 +122,7 @@ <h3 class="publishers-item-title">
           </h3>
           <p>
             Registered
-            <a class="-x-ago" href="" title="on %%example-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+            <a class="-x-ago" href="" title="on %%example-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
             .
           </p>
         </div>
@@ -132,7 +132,7 @@ <h3 class="publishers-item-title">
           </h3>
           <p>
             Registered
-            <a class="-x-ago" href="" title="on %%other-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+            <a class="-x-ago" href="" title="on %%other-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
             .
           </p>
         </div>
diff --git a/app/test/frontend/golden/publisher_packages_page.html b/app/test/frontend/golden/publisher_packages_page.html
index 8030aee89a..f262c7d936 100644
--- a/app/test/frontend/golden/publisher_packages_page.html
+++ b/app/test/frontend/golden/publisher_packages_page.html
@@ -130,7 +130,7 @@ <h1 class="title">example.com</h1>
                   </p>
                   <p>
                     Publisher registered
-                    <a class="-x-ago" href="" title="on %%neon-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="on %%neon-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </p>
                 </div>
               </div>
@@ -234,7 +234,7 @@ <h3 class="packages-title">
                               v
                               <a href="/packages/neon" title="Visit neon 1.0.0 page">1.0.0</a>
                               (
-                              <a class="-x-ago" href="" title="%%neon-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                              <a class="-x-ago" href="" title="%%neon-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                               )
                             </span>
                             <span class="packages-metadata-block">
@@ -315,7 +315,7 @@ <h3 class="packages-title">
                               v
                               <a href="/packages/flutter_titanium" title="Visit flutter_titanium 1.10.0 page">1.10.0</a>
                               (
-                              <a class="-x-ago" href="" title="%%neon-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                              <a class="-x-ago" href="" title="%%neon-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                               )
                             </span>
                             <span class="packages-metadata-block">
diff --git a/app/test/frontend/golden/publisher_unlisted_packages_page.html b/app/test/frontend/golden/publisher_unlisted_packages_page.html
index f1f7861256..739da3dc71 100644
--- a/app/test/frontend/golden/publisher_unlisted_packages_page.html
+++ b/app/test/frontend/golden/publisher_unlisted_packages_page.html
@@ -130,7 +130,7 @@ <h1 class="title">example.com</h1>
                   </p>
                   <p>
                     Publisher registered
-                    <a class="-x-ago" href="" title="on %%neon-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                    <a class="-x-ago" href="" title="on %%neon-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                   </p>
                 </div>
               </div>
@@ -240,7 +240,7 @@ <h3 class="packages-title">
                               v
                               <a href="/packages/neon" title="Visit neon 1.0.0 page">1.0.0</a>
                               (
-                              <a class="-x-ago" href="" title="%%neon-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                              <a class="-x-ago" href="" title="%%neon-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                               )
                             </span>
                             <span class="packages-metadata-block">
@@ -321,7 +321,7 @@ <h3 class="packages-title">
                               v
                               <a href="/packages/flutter_titanium" title="Visit flutter_titanium 1.10.0 page">1.10.0</a>
                               (
-                              <a class="-x-ago" href="" title="%%neon-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                              <a class="-x-ago" href="" title="%%neon-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                               )
                             </span>
                             <span class="packages-metadata-block">
diff --git a/app/test/frontend/golden/search_page.html b/app/test/frontend/golden/search_page.html
index 08ee83475e..bf59528dca 100644
--- a/app/test/frontend/golden/search_page.html
+++ b/app/test/frontend/golden/search_page.html
@@ -481,11 +481,11 @@ <h3 class="packages-title">
                       v
                       <a href="/packages/oxygen" title="Visit oxygen 1.2.0 page">1.2.0</a>
                       (
-                      <a class="-x-ago" href="" title="%%oxygen-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                      <a class="-x-ago" href="" title="%%oxygen-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                       ) /
                       <a href="/packages/oxygen/versions/2.0.0-dev" title="Visit oxygen 2.0.0-dev page">2.0.0-dev</a>
                       (
-                      <a class="-x-ago" href="" title="%%oxygen-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                      <a class="-x-ago" href="" title="%%oxygen-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                       )
                     </span>
                     <span class="packages-metadata-block">
@@ -575,7 +575,7 @@ <h3 class="packages-title">
                       v
                       <a href="/packages/flutter_titanium" title="Visit flutter_titanium 1.10.0 page">1.10.0</a>
                       (
-                      <a class="-x-ago" href="" title="%%oxygen-created-date%%" aria-label="%%x-ago%%" aria-role="button" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
+                      <a class="-x-ago" href="" title="%%oxygen-created-date%%" role="button" data-timestamp="%%millis%%">%%x-ago%%</a>
                       )
                     </span>
                     <span class="packages-metadata-block">
diff --git a/app/test/task/testdata/goldens/packages/oxygen.html b/app/test/task/testdata/goldens/packages/oxygen.html
index 9bcc323946..6e70fe1bec 100644
--- a/app/test/task/testdata/goldens/packages/oxygen.html
+++ b/app/test/task/testdata/goldens/packages/oxygen.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                   </span>
                   <span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span>
                 </div>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/changelog.html b/app/test/task/testdata/goldens/packages/oxygen/changelog.html
index 16fb7fdbb6..9d86755226 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/changelog.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/changelog.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                   </span>
                   <span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span>
                 </div>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/example.html b/app/test/task/testdata/goldens/packages/oxygen/example.html
index 2c10d6d6ee..2957d5e070 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/example.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/example.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                   </span>
                   <span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span>
                 </div>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/install.html b/app/test/task/testdata/goldens/packages/oxygen/install.html
index 661b6add14..9f486d8e44 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/install.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/install.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                   </span>
                   <span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span>
                 </div>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/license.html b/app/test/task/testdata/goldens/packages/oxygen/license.html
index e5a5d3144d..45606ed190 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/license.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/license.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                   </span>
                   <span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span>
                 </div>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/score.html b/app/test/task/testdata/goldens/packages/oxygen/score.html
index 6ba43b1b60..49628b4fc7 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/score.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/score.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                   </span>
                   <span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span>
                 </div>
@@ -226,7 +226,7 @@ <h3 class="detail-lead-title">Metadata</h3>
                   </div>
                   <p class="analysis-info">
                     We analyzed this package
-                    <a class="-x-ago" href="" title="on %%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="on %%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                     , and awarded it 140 pub points (of a possible 160):
                   </p>
                   <div class="pkg-report">
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions.html b/app/test/task/testdata/goldens/packages/oxygen/versions.html
index 13315ea2cf..c515405116 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                   </span>
                   <span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span>
                 </div>
@@ -231,7 +231,7 @@ <h2 id="stable">Stable versions of oxygen</h2>
                         </td>
                         <td class="sdk">3.0</td>
                         <td class="uploaded">
-                          <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                          <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                         </td>
                         <td class="documentation">
                           <a href="/documentation/oxygen/2.0.0/" rel="nofollow" title="Go to the documentation of oxygen 2.0.0">
@@ -253,7 +253,7 @@ <h2 id="stable">Stable versions of oxygen</h2>
                         </td>
                         <td class="sdk">3.0</td>
                         <td class="uploaded">
-                          <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                          <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                         </td>
                         <td class="documentation">
                           <a href="/documentation/oxygen/1.0.0/" rel="nofollow" title="Go to the documentation of oxygen 1.0.0">
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html
index c563ebc340..ac4bce4fd7 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                   </span>
                   <span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span>
                   • Latest:
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html
index 5146f6c141..477812a283 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                   </span>
                   <span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span>
                   • Latest:
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html
index de044ad222..495671f207 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                   </span>
                   <span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span>
                   • Latest:
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html
index 96f7d8da97..969b636f22 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                   </span>
                   <span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span>
                   • Latest:
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html
index d134f4e7cb..ca3fdf2233 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                   </span>
                   <span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span>
                   • Latest:
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html
index d63aef0199..ddd6c4f280 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                   </span>
                   <span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span>
                   • Latest:
@@ -230,7 +230,7 @@ <h3 class="detail-lead-title">Metadata</h3>
                   </div>
                   <p class="analysis-info">
                     We analyzed this package
-                    <a class="-x-ago" href="" title="on %%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="on %%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                     , and awarded it 140 pub points (of a possible 160):
                   </p>
                   <div class="pkg-report">
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html b/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html
index 9bcc323946..6e70fe1bec 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html
@@ -127,7 +127,7 @@ <h1 class="title">
                 <div class="metadata">
                   Published
                   <span>
-                    <a class="-x-ago" href="" title="%%short-dateformat%%" aria-label="%%time-ago%%" aria-role="button" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
+                    <a class="-x-ago" href="" title="%%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
                   </span>
                   <span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span>
                 </div>