Make permalinks more legible

In chrome the time will be read out as a "group, editable"
so adding the role presentation helps it read out correctly
with VoiceOver.

diff --git a/app/components/topic/topic.svelte b/app/components/topic/topic.svelte
index 367a5b8fc7fcea861ab046e33bcd73ec1b771ec8..3816bbc37cfa91755d76cad0b8ea6ad3e57d23b8 100644 (file)
--- a/app/components/topic/topic.svelte
+++ b/app/components/topic/topic.svelte
@@ -7,7 +7,7 @@
   <aside class="topic-meta" title="Topic metadata">
     <span class="topic-location">Posted on <a href="/f/interaction"
         class="p-category">Interaction</a>.</span>
   <aside class="topic-meta" title="Topic metadata">
     <span class="topic-location">Posted on <a href="/f/interaction"
         class="p-category">Interaction</a>.</span>

-    <span class="topic-ttl"><a class="u-url u-uid" href="/t/2a3fc567af8c897ca6f55fb5fj">3 days remaining</a>.</span>
+    <span class="topic-ttl"><a class="u-url u-uid" title="Permalink to topic" href="/t/2a3fc567af8c897ca6f55fb5fj">3 days remaining</a>.</span>

   </aside>
   <aside class="topic-tags" title="Topic Tags">
     Tags:
   </aside>
   <aside class="topic-tags" title="Topic Tags">
     Tags:


@@ -21,8 +21,8 @@
     <span class="h-card">
       By: <a href="/a/rbdr" class="p-nickname u-url">rbdr</a>.
     </span>
     <span class="h-card">
       By: <a href="/a/rbdr" class="p-nickname u-url">rbdr</a>.
     </span>

-    <time class="dt-published" datetime="2018-08-14T03:32:10.929Z">
-      <a href="/p/a80c70ea0120387123097ce1907ff">
+    <time role="presentation" class="dt-published" datetime="2018-08-14T03:32:10.929Z">
+      <a title="Permalink to post" href="/p/a80c70ea0120387123097ce1907ff">

         2018-08-14 03:32:10
       </a>
     </time>
         2018-08-14 03:32:10
       </a>
     </time>