Hugging Face's logo

Spaces:
jdelavande
/
chat-ui-energy
Running on CPU Upgrade

App Files Community
6
nsarrazin commited on
Commit
0031e51
·
1 Parent(s): c0121f4

fix: a11y improvements

Browse files
Files changed (5) hide show
  1. src/app.html +1 -1
  2. src/lib/components/UploadBtn.svelte +1 -0
  3. src/lib/components/WebSearchToggle.svelte +5 -3
  4. src/lib/components/chat/ChatIntroduction.svelte +1 -0
  5. src/lib/components/chat/ChatWindow.svelte +2 -0
src/app.html CHANGED
@@ -2,7 +2,7 @@
2
  <html lang="en" class="h-full">
3
  <head>
4
  <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
6
  <meta name="theme-color" content="rgb(249, 250, 251)" />
7
  <script>
8
  if (
 
2
  <html lang="en" class="h-full">
3
  <head>
4
  <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
  <meta name="theme-color" content="rgb(249, 250, 251)" />
7
  <script>
8
  if (
src/lib/components/UploadBtn.svelte CHANGED
@@ -21,6 +21,7 @@
21
  >
22
  <input
23
  class="absolute w-full cursor-pointer opacity-0"
 
24
  type="file"
25
  on:change={onFileChange}
26
  accept={mimeTypes.join(",")}
 
21
  >
22
  <input
23
  class="absolute w-full cursor-pointer opacity-0"
24
+ aria-label="Upload file"
25
  type="file"
26
  on:change={onFileChange}
27
  accept={mimeTypes.join(",")}
src/lib/components/WebSearchToggle.svelte CHANGED
@@ -11,12 +11,14 @@
11
  on:click={toggle}
12
  on:keydown={toggle}
13
  aria-checked={$webSearchParameters.useSearch}
14
- aria-label="web search toggle"
15
  role="switch"
16
  tabindex="0"
17
  >
18
- <Switch name="useSearch" bind:checked={$webSearchParameters.useSearch} on:click on:keydown />
19
- <div class="whitespace-nowrap text-sm text-gray-800 dark:text-gray-200">Search web</div>
 
 
20
  <div class="group relative w-max">
21
  <CarbonInformation class="text-xs text-gray-500" />
22
  <div
 
11
  on:click={toggle}
12
  on:keydown={toggle}
13
  aria-checked={$webSearchParameters.useSearch}
14
+ aria-label="Web Search Toggle"
15
  role="switch"
16
  tabindex="0"
17
  >
18
+ <Switch name="useSearch" bind:checked={$webSearchParameters.useSearch} />
19
+ <label for="useSearch" class="whitespace-nowrap text-sm text-gray-800 dark:text-gray-200">
20
+ Search web
21
+ </label>
22
  <div class="group relative w-max">
23
  <CarbonInformation class="text-xs text-gray-500" />
24
  <div
src/lib/components/chat/ChatIntroduction.svelte CHANGED
@@ -65,6 +65,7 @@
65
  </div>
66
  <a
67
  href="{base}/settings/{currentModel.id}"
 
68
  class="btn ml-auto flex h-7 w-7 self-start rounded-full bg-gray-100 p-1 text-xs hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:hover:bg-gray-600"
69
  ><IconGear /></a
70
  >
 
65
  </div>
66
  <a
67
  href="{base}/settings/{currentModel.id}"
68
+ aria-label="Settings"
69
  class="btn ml-auto flex h-7 w-7 self-start rounded-full bg-gray-100 p-1 text-xs hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:hover:bg-gray-600"
70
  ><IconGear /></a
71
  >
src/lib/components/chat/ChatWindow.svelte CHANGED
@@ -471,6 +471,8 @@
471
  class="btn mx-1 my-1 h-[2.4rem] self-end rounded-lg bg-transparent p-1 px-[0.7rem] text-gray-400 enabled:hover:text-gray-700 disabled:opacity-60 enabled:dark:hover:text-gray-100 dark:disabled:opacity-40"
472
  disabled={!message || isReadOnly}
473
  type="submit"
 
 
474
  >
475
  <CarbonSendAltFilled />
476
  </button>
 
471
  class="btn mx-1 my-1 h-[2.4rem] self-end rounded-lg bg-transparent p-1 px-[0.7rem] text-gray-400 enabled:hover:text-gray-700 disabled:opacity-60 enabled:dark:hover:text-gray-100 dark:disabled:opacity-40"
472
  disabled={!message || isReadOnly}
473
  type="submit"
474
+ aria-label="Send message"
475
+ name="submit"
476
  >
477
  <CarbonSendAltFilled />
478
  </button>