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/xap_templ_query.xsl | |
| 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/xap_templ_query.xsl')
| -rw-r--r-- | help3xsl/xap_templ_query.xsl | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/help3xsl/xap_templ_query.xsl b/help3xsl/xap_templ_query.xsl index 51f2fea3cf..3aedf2e1b3 100644 --- a/help3xsl/xap_templ_query.xsl +++ b/help3xsl/xap_templ_query.xsl @@ -118,9 +118,9 @@ document.write("<span title=\""+D+" "+T+"\">]]><xsl:apply-templates select="//va </header> </div> <div class="modules"> - <button type="button" data-a11y-toggle="modules-nav" id="modules" onclick="setupModules(']]><xsl:value-of select="$lang"/><![CDATA[');">]]><xsl:value-of select="$ui_module"/><![CDATA[ + <button type="button" data-a11y-toggle="modules-nav" id="modules" onclick="setupModules(']]><xsl:value-of select="$lang"/><![CDATA[');" aria-haspopup="true" aria-expanded="false" aria-controls="modules-nav">]]><xsl:value-of select="$ui_module"/><![CDATA[ </button> - <nav id="modules-nav"/><!-- is filled in via setupModules() on demand --> + <nav id="modules-nav" hidden=""/><!-- is filled in via setupModules() on demand --> </div> <aside class="rightside"> <input id="accordion-1" name="accordion-menu" type="checkbox"/> |