wamo/gnu-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[ACCESSIBILITY] Fix regressions in panel checkboxes and accessibility menu accesskeys

Browse Source 
Accessibility menu accesskey regressions introduced with [ACCESSIBILITY][BASE] Accessibility menu was unreachable.
This commit is contained in:
Eliseu Amaro 2022-01-13 18:48:55 +00:00
parent eff9318c1d
commit d542be1df4
No known key found for this signature in database
GPG Key ID: 96DA09D4B97BC2D5
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/LeftPanel/templates/left_panel/view.html.twig
View File

@ -1,10 +1,10 @@
{% block leftpanel %} {% block leftpanel %}
<label class="panel-left-icon" for="panel-left-toggle" aria-hidden="true" <a id="anchor-left-panel" class="anchor-hidden" title="{{ 'Press tab followed by a space to access left panel' | trans }}"></a>
<label class="panel-left-icon" for="panel-left-toggle"
tabindex="-1">{{ icon('menu', 'icon icon-left') | raw }}</label> tabindex="-1">{{ icon('menu', 'icon icon-left') | raw }}</label>
<input type="checkbox" id="panel-left-toggle" aria-hidden="true" tabindex="-1"> <input type="checkbox" id="panel-left-toggle" tabindex="0" title="{{ 'Open right panel' | trans }}">
<section class="header-panel section-panel-left"> <section class="header-panel section-panel-left">
<a id="anchor-left-panel" class="anchor-hidden" title="{{ 'Press tab to access selected region!' | trans }}"></a>
<aside class="panel-content accessibility-target"> <aside class="panel-content accessibility-target">
{% if app.user %} {% if app.user %}
<section class='section-widget section-padding' title="{{ 'Your profile information.' | trans }}"> <section class='section-widget section-padding' title="{{ 'Your profile information.' | trans }}">

6
components/RightPanel/templates/right_panel/view.html.twig
View File

@ -1,10 +1,10 @@
{% block rightpanel %} {% block rightpanel %}
<label class="panel-right-icon" for="panel-right-toggle" aria-hidden="true" <a id="anchor-right-panel" class="anchor-hidden" title="{{ 'Press tab followed by a space to access right panel' | trans }}"></a>
<label class="panel-right-icon" for="panel-right-toggle"
tabindex="-1">{{ icon('chevron-left', 'icon icon-right') | raw }}</label> tabindex="-1">{{ icon('chevron-left', 'icon icon-right') | raw }}</label>
<input type="checkbox" id="panel-right-toggle" aria-hidden="true" tabindex="-1"> <input type="checkbox" id="panel-right-toggle" tabindex="0" title="{{ 'Open right panel' | trans }}">
<div class="header-panel section-panel-right"> <div class="header-panel section-panel-right">
<a id="anchor-right-panel" class="anchor-hidden" title="{{ 'Press tab to access selected region!' | trans }}"></a>
<aside class="panel-content accessibility-target"> <aside class="panel-content accessibility-target">
{% set blocks = handle_event('AppendRightPostingBlock', request) %} {% set blocks = handle_event('AppendRightPostingBlock', request) %}

8
templates/base.html.twig
View File

@ -70,10 +70,10 @@
<nav> <nav>
<ul> <ul>
<li><a href="#anchor-left-panel" accesskey="h"><kbd>H</kbd>{{ ' for the Left panel.' | trans }}</a></li> <li><a href="#anchor-left-panel" accesskey="s"><kbd>S</kbd>{{ ' for the Left panel.' | trans }}</a></li>
<li><a href="#anchor-main-content" accesskey="k"><kbd>K</kbd>{{ ' for the main content.' | trans }}</a></li> <li><a href="#anchor-main-content" accesskey="n"><kbd>N</kbd>{{ ' for the main content.' | trans }}</a></li>
<li><a href="#anchor-main-page" accesskey="j"><kbd>J</kbd>{{ ' for the main page.' | trans }}</a></li> <li><a href="#anchor-main-page" accesskey="y"><kbd>Y</kbd>{{ ' for the main page.' | trans }}</a></li>
<li><a href="#anchor-right-panel" accesskey="l"><kbd>L</kbd>{{ ' for the right panel.' | trans }}</a></li> <li><a href="#anchor-right-panel" accesskey="j"><kbd>J</kbd>{{ ' for the right panel.' | trans }}</a></li>
</ul> </ul>
</nav> </nav>
</aside> </aside>