notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend/accessbility] Correctly label note footer buttons (ISH-513)

Browse source
This commit is contained in:
Lilian 2024-10-10 00:45:45 +02:00
parent 846888b2c7
commit 58d4dab21e
No known key found for this signature in database
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
Iceshrimp.Frontend/Components/Note/NoteFooter.razor
View file

@ -18,10 +18,10 @@
} }
</div> </div>
} }
<button class="btn" @onclick="Reply" @onclick:stopPropagation="true"> <button class="btn" @onclick="Reply" @onclick:stopPropagation="true" aria-label="reply">
<Icon Name="Icons.ArrowUUpLeft" Size="1.3em"/> <Icon Name="Icons.ArrowUUpLeft" Size="1.3em"/>
</button> </button>
<button class="btn @(RenotePossible ? "" : "disabled") positioned" @onclick="@(RenotePossible ? ToggleRenoteMenu : () => { })" @onclick:stopPropagation="true"> <button class="btn @(RenotePossible ? "" : "disabled") positioned" @onclick="@(RenotePossible ? ToggleRenoteMenu : () => { })" @onclick:stopPropagation="true" aria-label="renote">
@if (RenotePossible) @if (RenotePossible)
{ {
<Icon Name="Icons.Repeat" Size="1.3em"/> <Icon Name="Icons.Repeat" Size="1.3em"/>
@ -50,7 +50,7 @@
<span class="renote-count">@Renotes</span> <span class="renote-count">@Renotes</span>
} }
</button> </button>
<button @onclick="Like" @onclick:stopPropagation="true" class="btn"> <button @onclick="Like" @onclick:stopPropagation="true" class="btn" aria-label="like">
@if (IsLiked) @if (IsLiked)
{ {
<Icon Name="Icons.Heart" Pack="IconStyle.Fill" Size="1.3em"/> <Icon Name="Icons.Heart" Pack="IconStyle.Fill" Size="1.3em"/>
@ -64,13 +64,13 @@
<span class="like-count">@Likes</span> <span class="like-count">@Likes</span>
} }
</button> </button>
<button @ref="EmojiButton" class="btn" @onclick="ToggleEmojiPicker" @onclick:stopPropagation="true"> <button @ref="EmojiButton" class="btn" @onclick="ToggleEmojiPicker" @onclick:stopPropagation="true" aria-label="emoji picker" >
<Icon Name="Icons.Smiley" Size="1.3em"/> <Icon Name="Icons.Smiley" Size="1.3em"/>
</button> </button>
<button class="btn" @onclick="Quote" @onclick:stopPropagation="true"> <button class="btn" @onclick="Quote" @onclick:stopPropagation="true" aria-label="quote">
<Icon Name="Icons.Quotes" Size="1.3em"/> <Icon Name="Icons.Quotes" Size="1.3em"/>
</button> </button>
<button class="btn positioned" @onclick="ToggleMenu" @onclick:stopPropagation="true"> <button class="btn positioned" @onclick="ToggleMenu" @onclick:stopPropagation="true" aria-label="more">
<Icon Name="Icons.DotsThreeOutline" Size="1.3em"/> <Icon Name="Icons.DotsThreeOutline" Size="1.3em"/>
<Menu @ref="ContextMenu"> <Menu @ref="ContextMenu">
@if (Note.NoteResponse.User.Id == Session.Current?.Id) @if (Note.NoteResponse.User.Id == Session.Current?.Id)