mirrors/thebadspace
1
0
Fork 0
mirror of https://koodu.h-i.works/projects/thebadspace synced 2025-06-25 16:04:37 -05:00
Code Packages Releases Activity

feat: add accessible form element focus indicator

Browse Source 
adds a focus indicator that passes the accessibility requirements WCAG 2.2: §1.4.11 & §2.4.7
This commit is contained in:
Zoë
2025-05-02 17:03:41 +02:00
parent c9c3b88f4d
commit 3e070676e4
2 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/assets/css/global/forms.css
View File

@ -14,10 +14,18 @@ input[type="text"] {
input[type="text"]:focus,
input[type="password"]:focus {
outline: solid var(--highlight);
background-color: var(--highlight);
}
/* TODO: generalise this a bit */
button:focus,
input[type="submit"]:focus,
input[type="text"]:focus,
input[type="password"]:focus {
outline: 2px solid var(--white);
outline-offset: -4px;
}
textarea {
border: 0;
border-radius: 3px;