diff options
author | Carl Schwan <carl@carlschwan.eu> | 2022-03-16 01:07:55 +0100 |
---|---|---|
committer | Carl Schwan <carl@carlschwan.eu> | 2022-05-16 13:21:48 +0200 |
commit | c1499519d4a57859fa69098a743430a2dc068800 (patch) | |
tree | c10816498597e9850140b4d975d68c47bdffd817 /core/css/inputs.scss | |
parent | ad405e93767cfaf0ba34011010bb26dc4c05f60a (diff) | |
download | nextcloud-server-c1499519d4a57859fa69098a743430a2dc068800.tar.gz nextcloud-server-c1499519d4a57859fa69098a743430a2dc068800.zip |
Improve accessibility with more visible focus indication for non vue apps
- Add visible-focus effect on each header entry
- Show focus outline when using focus-visible (keyboard navigation)
- Add polyfy for focus-visible since it's only very recently available
on webkit
- Change text for link to home button to describe the destination and
not the current page
- Improve focus effect in app sidebar navigation
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
Diffstat (limited to 'core/css/inputs.scss')
-rw-r--r-- | core/css/inputs.scss | 3 |
1 files changed, 3 insertions, 0 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss index 0b7204ab78e..949cc54b595 100644 --- a/core/css/inputs.scss +++ b/core/css/inputs.scss @@ -72,6 +72,9 @@ div[contenteditable=true], background-color: var(--color-main-background); color: var(--color-text-light); } + &:focus-visible { + box-shadow: 0 0 0 2px var(--color-primary); + } } &:disabled { background-color: var(--color-background-dark); |