fix(a11y): add aria-label to scroll-to-bottom button in MessageInput

The scroll-to-bottom button appeared when the user scrolled away from
the latest message, but it contained only an SVG arrow with no
accessible name. Added aria-label and aria-hidden on the decorative SVG.

Addresses WCAG 2.1 SC 4.1.2 (Name, Role, Value).
This commit is contained in:
akinshaywai 2026-04-28 21:36:12 +01:00
parent 8dae237a0b
commit e041a7d6e2

View file

@ -1169,6 +1169,7 @@
>
<button
class=" bg-white border border-gray-100 dark:border-none dark:bg-white/20 p-1.5 rounded-full pointer-events-auto"
aria-label={$i18n.t('Scroll to bottom')}
on:click={() => {
autoScroll = true;
scrollToBottom();
@ -1179,6 +1180,7 @@
viewBox="0 0 20 20"
fill="currentColor"
class="w-5 h-5"
aria-hidden="true"
>
<path
fill-rule="evenodd"