Add WAI-ARIA attributes to menu
This commit is contained in:
parent
6599179174
commit
16b1337d67
@ -101,7 +101,11 @@ fn menu() {
|
||||
let show_menu = Closure::wrap(Box::new(|_: TouchEvent| {
|
||||
self::document()
|
||||
.get_element_by_id("menu")
|
||||
.map(|menu| menu.class_list().add_1("show"))
|
||||
.map(|menu| {
|
||||
menu.set_attribute("aria-expanded", "true")
|
||||
.map(|_| menu.class_list().add_1("show"))
|
||||
})
|
||||
.unwrap()
|
||||
.unwrap()
|
||||
.unwrap();
|
||||
}) as Box<dyn FnMut(TouchEvent)>);
|
||||
@ -113,7 +117,11 @@ fn menu() {
|
||||
let close_menu = Closure::wrap(Box::new(|_: TouchEvent| {
|
||||
self::document()
|
||||
.get_element_by_id("menu")
|
||||
.map(|menu| menu.class_list().remove_1("show"))
|
||||
.map(|menu| {
|
||||
menu.set_attribute("aria-expanded", "false")
|
||||
.map(|_| menu.class_list().remove_1("show"))
|
||||
})
|
||||
.unwrap()
|
||||
.unwrap()
|
||||
.unwrap()
|
||||
}) as Box<dyn FnMut(TouchEvent)>);
|
||||
|
@ -21,9 +21,9 @@
|
||||
<body>
|
||||
<header>
|
||||
<nav id="menu">
|
||||
<a href="#" aria-label="@i18n!(ctx.1, "Menu")" title="@i18n!(ctx.1, "Menu")"><i class="icon icon-menu"></i></a>
|
||||
<a href="#" aria-label="@i18n!(ctx.1, "Menu")" title="@i18n!(ctx.1, "Menu")" role="button" aria-haspopup="true" aria-controls="content" aria-epanded="false"><i class="icon icon-menu"></i></a>
|
||||
</nav>
|
||||
<div id="content">
|
||||
<div id="content" role="menu" aria-labelled-by="menu">
|
||||
<nav>
|
||||
<a href="@uri!(instance::index)" class="title">
|
||||
<img src="@uri!(plume_static_files: file = CONFIG.logo.main.as_str(), build_id = CACHE_NAME)">
|
||||
|
Loading…
Reference in New Issue
Block a user