commit fb6ca95c7db0d814201922e80d53392f0e81aafb
parent d45a6a564470183194cc19b7559373da51572fb2
Author: Oscar Benedito <oscar@oscarbenedito.com>
Date:   Mon,  2 Nov 2020 23:34:40 +0100

Make "Read more" links more accessible

By providing the post title on the aria-label attribute. This should
help visitors using a screen reader and scanning through links in the
page.

Diffstat:

Mlayouts/item.html | 2+-


1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/layouts/item.html b/layouts/item.html
@@ -6,6 +6,6 @@
     <div>
   </header>
   <section class="content">
-    <p class="p-summary">{{ summary }} <a href="/{{ url }}">Read more</a></p>
+    <p class="p-summary">{{ summary }} <a href="/{{ url }}" aria-label="Read post {{ title }}">Read more</a></p>
   </section>
 </article>