[BASE][NOTE][CSS] Further screen reader cues for note replies.

This commit is contained in:
Eliseu Amaro 2021-09-08 21:33:35 +01:00 committed by Hugo Sales
parent 9e051273f7
commit 26aec5f626
No known key found for this signature in database
GPG Key ID: 7D0C7EAFC9D835A0
4 changed files with 5 additions and 2 deletions

View File

@ -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 {

View File

@ -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>

View File

@ -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 }}

View File

@ -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>