From 26aec5f6267c9d7b6ed066bb93d93af7ef0ff0e8 Mon Sep 17 00:00:00 2001
From: Eliseu Amaro <mail@eliseuama.ro>
Date: Wed, 8 Sep 2021 21:33:35 +0100
Subject: [PATCH] [BASE][NOTE][CSS] Further screen reader cues for note
 replies.

---
 public/assets/css/base.css              | 2 +-
 templates/network/public.html.twig      | 1 +
 templates/note/view.html.twig           | 2 +-
 templates/sidepanel/left/left.html.twig | 2 ++
 4 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/public/assets/css/base.css b/public/assets/css/base.css
index c0af882edd..fad48e76d9 100644
--- a/public/assets/css/base.css
+++ b/public/assets/css/base.css
@@ -245,7 +245,7 @@ summary:hover .icon-details-open {
 .h-entry {
     margin-top: var(--unit-size);
 }
-.h-entry hr {
+.notes hr {
     margin-top: 5px;
 }
 .h-entry a {
diff --git a/templates/network/public.html.twig b/templates/network/public.html.twig
index 64e6ef8a6b..39e79fd860 100644
--- a/templates/network/public.html.twig
+++ b/templates/network/public.html.twig
@@ -14,6 +14,7 @@
             {% if notes is defined and notes is not empty %}
                 {% for conversation in notes %}
                     {% include '/note/view.html.twig' with {'note': conversation['note'], 'have_user': have_user, 'replies': conversation['replies']} only %}
+                    <hr tabindex="0" title="{{ 'End of note and replies.' | trans }}">
                 {% endfor %}
             {% else %}
                 <div id="empty-notes"><h1>{% trans %}No notes here.{% endtrans %}</h1></div>
diff --git a/templates/note/view.html.twig b/templates/note/view.html.twig
index 061e3550d7..65854e9e86 100644
--- a/templates/note/view.html.twig
+++ b/templates/note/view.html.twig
@@ -3,7 +3,7 @@
     <header tabindex="0" title="{{ 'Begin a note by the user: ' | trans }} {{ nickname }}." class="note-info">
 
         {# TODO: this should link to the note's user profile? #}
-        <strong tabindex="0" class="note-author u-url">
+        <strong class="note-author u-url">
             {# Microformat's h-card properties indicates a face icon is a "u-logo" #}
             <img class="u-logo avatar" src="{{ note.getAvatarUrl() }}" alt="{{ nickname }}'s avatar">
             {{ nickname }}
diff --git a/templates/sidepanel/left/left.html.twig b/templates/sidepanel/left/left.html.twig
index 2ada1013e2..937e62ceea 100644
--- a/templates/sidepanel/left/left.html.twig
+++ b/templates/sidepanel/left/left.html.twig
@@ -34,6 +34,8 @@
                 {% endfor %} #}
 
             <nav tabindex="0" class="profile-navigation" title="{{ 'Navigate through account related pages.' | trans }}">
+                <strong id="timeline-nav-header">Profile</strong>
+
                 <a title='{{ 'Your messages.' | trans }}' href='{{ path('settings') }}' class='{{ active("replies") }}'>
                     Messages
                 </a>