Screen reader readable "Show Help" button. Also added a new checkbox for accessibility settings.
27 lines
859 B
Svelte
27 lines
859 B
Svelte
<script lang="ts">
|
|
import Check from "src/lib/Others/Check.svelte";
|
|
import { language } from "src/lang";
|
|
import { DataBase } from "src/ts/storage/database";
|
|
|
|
</script>
|
|
<h2 class="mb-2 text-2xl font-bold mt-2">{language.accessibility}</h2>
|
|
|
|
<div class="flex items-center mt-2">
|
|
<Check bind:check={$DataBase.askRemoval} name={language.askRemoval}/>
|
|
</div>
|
|
|
|
<div class="flex items-center mt-2">
|
|
<Check bind:check={$DataBase.swipe} name={language.SwipeRegenerate}/>
|
|
</div>
|
|
|
|
<div class="flex items-center mt-2">
|
|
<Check bind:check={$DataBase.instantRemove} name={language.instantRemove}/>
|
|
</div>
|
|
|
|
<div class="flex items-center mt-2">
|
|
<Check bind:check={$DataBase.sendWithEnter} name={language.sendWithEnter}/>
|
|
</div>
|
|
|
|
<div class="flex items-center mt-2">
|
|
<Check bind:check={$DataBase.clickToEdit} name={language.clickToEdit}/>
|
|
</div> |