[bugfix] Fix a couple accessibility issues with :focus elements (#3979)

* [bugfix/frontend] Fix accessibility/focus issues in settings + web ui

* fix little error

* tweaks
This commit is contained in:
tobi 2025-04-09 14:14:20 +02:00 committed by GitHub
commit 19cfa8d126
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
24 changed files with 405 additions and 152 deletions

View file

@ -167,6 +167,7 @@ function ProfileForm({ data: profile }: ProfileFormProps) {
<MutationButton
className="delete-header-button"
label="Delete header"
tabIndex={0}
disabled={noHeader}
result={deleteHeaderRes}
onClick={(e) => {
@ -179,7 +180,7 @@ function ProfileForm({ data: profile }: ProfileFormProps) {
}}
/>
</fieldset>
<fieldset className="file-input-with-image-description">
<legend>Avatar</legend>
<FileInput
@ -197,6 +198,7 @@ function ProfileForm({ data: profile }: ProfileFormProps) {
<MutationButton
className="delete-avatar-button"
label="Delete avatar"
tabIndex={0}
disabled={noAvatar}
result={deleteAvatarRes}
onClick={(e) => {