Accessibility settings to the app

Screen reader readable "Show Help" button.
Also added a new checkbox for accessibility settings.
This commit is contained in:
LL
2023-06-12 07:20:42 +09:00
parent 32f58fef1d
commit c829a539fc
14 changed files with 65 additions and 84 deletions

View File

@@ -37,14 +37,12 @@ import { changeLanguage, language } from "src/lang";
{#if $DataBase.translator}
<div class="flex items-center mt-2">
<Check bind:check={$DataBase.autoTranslate} />
<span>{language.autoTranslation}</span>
<Check bind:check={$DataBase.autoTranslate} name={language.autoTranslation}/>
</div>
{#if $DataBase.useExperimental}
<div class="flex items-center mt-2">
<Check bind:check={$DataBase.useAutoTranslateInput} />
<span>{language.autoTranslateInput}</span>
<Help key="experimental" />
<Check bind:check={$DataBase.useAutoTranslateInput} name={language.autoTranslateInput}/>
<Help key="experimental" name={language.autoTranslateInput}/>
</div>
{/if}
{/if}