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 <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" 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" type="button"
aria-label="More"
> >
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -720,6 +721,7 @@
toast.error($i18n.t('Permission denied when accessing microphone')); toast.error($i18n.t('Permission denied when accessing microphone'));
} }
}} }}
aria-label="Voice Input"
> >
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -779,6 +781,7 @@
toast.error($i18n.t('Permission denied when accessing media devices')); toast.error($i18n.t('Permission denied when accessing media devices'));
} }
}} }}
aria-label="Call"
> >
<Headphone className="size-6" /> <Headphone className="size-6" />
</button> </button>

View File

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

View File

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

View File

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

View File

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

View File

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