diff options
| author | Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org> | 2023-10-25 18:20:13 +0300 |
|---|---|---|
| committer | Olivier Hallot <olivier.hallot@libreoffice.org> | 2023-10-25 17:53:36 +0200 |
| commit | 69f85cbf17c5acb8fb9b38772139c34eea96a772 (patch) | |
| tree | d4e18ca537c65871497e4b5154e0152c45c052ee /help3xsl/default.css | |
| parent | 3c0331071035ec78359ec8a4e5919164a31ec879 (diff) | |
Improve accessibility of dropdown menus
Now the opened menus can be closed with Esc key, so we conform
to the dismissible success criterion in WCAG 2.1:
https://www.w3.org/WAI/WCAG21/Understanding/content-on-hover-or-focus.html
To simplify things, now the navigation lists are populated upon
page load in all cases.
Change-Id: I0a7daaea122d3e03de36c322ccb012c546b271e0
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/158429
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Diffstat (limited to 'help3xsl/default.css')
| -rw-r--r-- | help3xsl/default.css | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/help3xsl/default.css b/help3xsl/default.css index 539a7da2fb..62f62d313c 100644 --- a/help3xsl/default.css +++ b/help3xsl/default.css @@ -451,7 +451,7 @@ h6 { transition-duration: .35s; } -#langs-nav:not([aria-hidden='true']), #modules-nav:not([aria-hidden='true']) { +#langs-nav, #modules-nav { z-index: 100; /* line them up horizontally */ display: flex; @@ -528,7 +528,7 @@ aside input[type=checkbox]:checked ~ .contents-treeview { font-size: 15px; display: block; } -.index .hidden { +.index .hidden, #langs-nav[hidden], #modules-nav[hidden] { display: none; } #Bookmarks { @@ -849,7 +849,7 @@ li.disabled a { } /* change the menu direction to stacked */ - #langs-nav:not([aria-hidden='true']), #modules-nav:not([aria-hidden='true']) { + #langs-nav, #modules-nav { display: flex; flex-direction: column; overflow-y: auto; |