Support aria-hidden

khiga8 · khiga8 · commit f1c6b2ebc726 · 2025-05-06T16:34:18.000-04:00
diff --git a/examples/index.html b/examples/index.html
@@ -200,6 +200,12 @@ <h2>Localised Dates</h2>
     </relative-time>
   </p>
 
+  <p>
+    With aria-hidden
+    <relative-time aria-hidden="true" datetime="1970-01-01T00:00:00.000Z" format="datetime">
+      Jan 1 1970
+    </relative-time>
+  </p>
   <!-- <script type="module" src="../dist/index.js"></script> -->
   <script type="module" src="https://unpkg.com/@github/relative-time-element@latest/dist/bundle.js"></script>
   <script>
diff --git a/src/relative-time-element.ts b/src/relative-time-element.ts
@@ -459,10 +459,14 @@ export class RelativeTimeElement extends HTMLElement implements Intl.DateTimeFor
     }
 
     if (newText) {
-      this.#renderRoot.textContent = newText
+      if (this.hasAttribute('aria-hidden') && this.getAttribute('aria-hidden') === 'true') {
+        (this.#renderRoot as Element).innerHTML = `<span aria-hidden="true">${newText}</span>`;
+      } else {
+        this.#renderRoot.textContent = newText;
+      }
     } else if (this.shadowRoot === this.#renderRoot && this.textContent) {
       // Ensure invalid dates fall back to lightDOM text content
-      this.#renderRoot.textContent = this.textContent
+      this.#renderRoot.textContent = this.textContent;
     }
 
     if (newText !== oldText || newTitle !== oldTitle) {
