Sha256: 7c8c0c57418c87289b7f316637712d78035565721065ca9e367c799a7f98773b
Contents?: true
Size: 1.45 KB
Versions: 15
Compression:
Stored size: 1.45 KB
Contents
((exports) => {
// This will apply some fixes for the Foundation dropdown menu element
// according to W3C instructions at:
// https://www.w3.org/TR/wai-aria-practices/examples/menu-button/menu-button-links.html
//
// NOTE:
// This needs to run AFTER Foundation has been initialized because those
// initializers will affect the drop down menu elements.
const fixDropdownMenus = () => {
exports.$("[data-dropdown-menu]").each((_i, element) => {
// This will break navigation on macOS VoiceOver app since it will let the
// user to focus on the li element instead of the <a> element where we
// actually need the focus to be in.
$("li.is-dropdown-submenu-parent", element).removeAttr("aria-haspopup").removeAttr("aria-label");
// Foundation marks the wrong role for the submenu elements
$("ul.is-dropdown-submenu", element).attr("role", "menu");
})
}
// Ensure the first element is always focused when a dropdown is opened as
// this would not always happen when using a screen reader. If this is not
// done, the screen reader will stay quiet when the menu opens which can lead
// to the blind user not understanding the menu has opened.
exports.$(() => {
exports.$("[data-dropdown-menu]").on("show.zf.dropdownMenu", (_i, element) => {
exports.$("li:first > a", element).focus();
});
});
exports.Decidim = exports.Decidim || {};
exports.Decidim.fixDropdownMenus = fixDropdownMenus;
})(window);
Version data entries
15 entries across 15 versions & 1 rubygems