A11y: Buttons do not have an accessible name

This commit is contained in:
Sebastian 2024-08-25 23:43:28 +02:00
parent 6589450bd6
commit 22117e06b5
No known key found for this signature in database
6 changed files with 11 additions and 0 deletions

View File

@ -504,6 +504,7 @@
<button
class="bg-gray-50 hover:bg-gray-100 text-gray-800 dark:bg-gray-850 dark:text-white dark:hover:bg-gray-800 transition rounded-full p-2 outline-none focus:outline-none"
type="button"
aria-label="More"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -720,6 +721,7 @@
toast.error($i18n.t('Permission denied when accessing microphone'));
}
}}
aria-label="Voice Input"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -779,6 +781,7 @@
toast.error($i18n.t('Permission denied when accessing media devices'));
}
}}
aria-label="Call"
>
<Headphone className="size-6" />
</button>

View File

@ -63,6 +63,7 @@
on:click={() => {
selectedModels = [...selectedModels, ''];
}}
aria-label="Add Model"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -86,6 +87,7 @@
selectedModels.splice(selectedModelIdx, 1);
selectedModels = selectedModels;
}}
aria-label="Remove Model"
>
<svg
xmlns="http://www.w3.org/2000/svg"

View File

@ -54,6 +54,7 @@
on:click={() => {
showSidebar.set(!$showSidebar);
}}
aria-label="Toggle Sidebar"
>
<div class=" m-auto self-center">
<MenuLines />
@ -111,6 +112,7 @@
on:click={() => {
showControls = !showControls;
}}
aria-label="Controls"
>
<div class=" m-auto self-center">
<AdjustmentsHorizontal className=" size-5" strokeWidth="0.5" />
@ -127,6 +129,7 @@
on:click={() => {
initNewChat();
}}
aria-label="New Chat"
>
<div class=" m-auto self-center">
<svg

View File

@ -39,6 +39,7 @@
on:click={() => {
showSidebar.set(!$showSidebar);
}}
aria-label="Toggle Sidebar"
>
<div class=" m-auto self-center">
<MenuLines />

View File

@ -29,6 +29,7 @@
on:click={() => {
showSidebar.set(!$showSidebar);
}}
aria-label="Toggle Sidebar"
>
<div class=" m-auto self-center">
<MenuLines />

View File

@ -39,6 +39,7 @@
on:click={() => {
showSidebar.set(!$showSidebar);
}}
aria-label="Toggle Sidebar"
>
<div class=" m-auto self-center">
<MenuLines />