Changeset 847775c in Klonkt for src/views/partials/read-article.ejs

Timestamp:

08/18/2026 06:47:58 PM (3 weeks ago)

Author:

Bart <bart@…>

Branches:

main

Children:

03ff677

Parents:

87696ce

git-author:

Bart <bart@…> (08/18/2026 04:42:55 AM)

git-committer:

Bart <bart@…> (08/18/2026 06:47:58 PM)

Message:

Leesweergave: tikken op een bericht opent het bericht

De stroom toont de tekst, maar het gesprek staat op de berichtpagina: ⭐,
🔁, reacties, en het antwoordveld voor bezoekers van elders. Een leesweergave
waar je niet uit kunt naar dat gesprek is een doodlopende weg.

Drie ingangen, met opzet:

• de titel is een echte <a>, dus toetsenbord, schermlezer en cmd-klik werken;
• een voetlink zegt waar je heen gaat ("Reacties en waarderingen"), want een tik die je niet ziet, bestaat niet;
• en een tik ergens op het bericht, voor een duim.

Die tik kent vier uitzonderingen, want een tik die je niet bedoelde is erger dan
geen tik: links, knoppen en velden houden hun eigen werking, een geselecteerde
tekst is geen tik, een verschoven vinger is scrollen, en cmd/ctrl-klik laat je
aan de browser. Alle vier nagemeten in de browser, plus dat een link ín een
bericht wint van de tik.

MOD_V naar 2: mod/read.js is gewijzigd.

Co-Authored-By: Claude Opus 5 <claude@…>

File:

• src/views/partials/read-article.ejs (modified) (2 diffs)

src/views/partials/read-article.ejs

@@ -20 +20 @@
          data-title="<%= post.title || '' %>"
          aria-label="<%= post.title || '' %>">
+  <%# De titel is een echte link naar het bericht zelf. De leesstroom toont de
+      TEKST, maar reacties, waarderingen en boosts staan op de berichtpagina --
+      en een stroom waar je niet uit kunt naar het gesprek is een doodlopende weg.
+      Een <a> en niet alleen een tik-afhandelaar: dat werkt ook met een
+      toetsenbord, met een schermlezer, en met cmd-klik. %>
   <header class="read-head">
-    <h1 class="read-title"><%= post.title || '' %></h1>
+    <h1 class="read-title"><a href="<%= _b %>/<%= post.slug %>"><%= post.title || '' %></a></h1>
     <% if (post.published_at) { %><p class="read-when"><%= formatDateTime(post.published_at) %></p><% } %>
   </header>
@@ -29 +34 @@
         content_html: entry.content_html, _base: _b,
       }) %>
+
+  <%# Zegt waar je heen gaat, in plaats van te vertrouwen op een tik die niemand
+      ziet. De tik-afhandelaar in mod/read.js is het gemak; dit is de aankondiging. %>
+  <footer class="read-foot">
+    <a class="read-open" href="<%= _b %>/<%= post.slug %>"><%= t('read.open') %> &rarr;</a>
+  </footer>
 </article>