web/SettingsInput: better screen reader accessibility

aria-label is now read instead of placeholders, cuz lengthy ones like uuid are a sensory overload and could confuse people. instead, now we make a fake ui placeholder (because there's no other way to have exclusively aria-label while also showing placeholder normally)
This commit is contained in:
wukko
2024-11-24 00:12:35 +06:00
parent 6129198024
commit 0b6270e745
3 changed files with 28 additions and 9 deletions

View File

@@ -24,6 +24,7 @@
settingId="customInstanceURL"
placeholder="https://instance.url.example/"
showInstanceWarning
altText={$t("settings.processing.custom_instance.input.alt_text")}
/>
{/if}
</div>
@@ -47,6 +48,7 @@
settingContext="processing"
settingId="customApiKey"
placeholder="00000000-0000-0000-0000-000000000000"
altText={$t("settings.processing.access_key.input.alt_text")}
type="uuid"
/>
{/if}