mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-12 17:28:04 +00:00
21c45837ef
- Mimic expanded/collapsed state of menu without JS. - Update template, styles, i18n to make accessibility of dropdowns accurate. Bug: T253650 Change-Id: I58ecebf520d6107554dbb81470dee69a5d4a7f1d
28 lines
1 KiB
Plaintext
28 lines
1 KiB
Plaintext
{{!
|
|
See @typedef MenuDefinition
|
|
}}
|
|
{{! `role` is unnecessary but kept to support selectors in any gadgets or user styles. }}
|
|
<nav id="{{id}}" {{#class}}class="{{.}}"{{/class}} aria-labelledby="{{id}}-label" role="navigation" {{{html-tooltip}}}
|
|
{{{html-user-language-attributes}}}>
|
|
{{#is-dropdown}}
|
|
<input type="checkbox"
|
|
id="{{id}}-checkbox"
|
|
role="button"
|
|
aria-haspopup="true"
|
|
data-event-name="ui.dropdown-{{id}}"
|
|
class="{{#checkbox-class}}{{.}}{{/checkbox-class}} vector-menu-checkbox" aria-labelledby="{{id}}-label" />
|
|
{{/is-dropdown}}
|
|
<h3 id="{{id}}-label" {{#heading-class}}class="{{.}}"{{/heading-class}}>
|
|
<span>{{label}}</span>
|
|
{{#is-dropdown}}
|
|
<span class="vector-menu-checkbox-expanded">{{msg-vector-menu-checkbox-expanded}}</span>
|
|
<span class="vector-menu-checkbox-collapsed">{{msg-vector-menu-checkbox-collapsed}}</span>
|
|
{{/is-dropdown}}
|
|
</h3>
|
|
<div class="vector-menu-content">
|
|
{{{html-before-portal}}}
|
|
<ul class="vector-menu-content-list">{{{html-items}}}</ul>
|
|
{{{html-after-portal}}}
|
|
</div>
|
|
</nav>
|