Commit graph

4 commits

Author SHA1 Message Date
Carl Schwan
68ed1af3c0
Fix accessibility of input fields
Input fields require a 44x44 pixels target size, this makes all the
input fields and button use that size.

Bonus is that now the input fields and buttons now have the same size as
the new vue button and this looks less weird than the previous state
with controls of different sizes.

See https://www.w3.org/WAI/WCAG21/Understanding/target-size.html

Signed-off-by: Carl Schwan <carl@carlschwan.eu>
2022-08-26 19:49:00 +02:00
Carl Schwan
0703d0fc6b Fix quota nav item
- Spacing was not correctly set

Signed-off-by: Carl Schwan <carl@carlschwan.eu>
2022-07-18 13:55:36 +02:00
Carl Schwan
c1499519d4 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>
2022-05-16 13:21:48 +02:00
John Molakvoæ
73918b8af9
Cleanup and compile
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
2022-05-13 16:13:00 +02:00