PrivateCoffee/wp-duckbehaviorjournal
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(nav-accessibility): add aria and role attributes

Browse source 
Enhanced dropdown accessibility by adding `aria-labelledby` to the dropdown menu and `role="button"` to toggler links. This conforms to ARIA standards and Bootstrap 5, ensuring better support for assistive technologies.
This commit is contained in:
Kumi 2024-08-03 13:21:47 +02:00
parent 72b54fa59e
commit 6f3351c7c4
Signed by: kumi
GPG key ID: ECBCC9082395383F
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
class-wp-bootstrap-navwalker.php
View file

@ -12,7 +12,7 @@ class WP_Bootstrap_Navwalker extends Walker_Nav_Menu
function start_lvl(&$output, $depth = 0, $args = array())
{
$indent = str_repeat("\t", $depth);
$output .= "\n$indent<ul class=\"dropdown-menu\">\n";
$output .= "\n$indent<ul class=\"dropdown-menu\" aria-labelledby=\"navbarDropdown\">\n";
}
// Add main/sub classes to li's and links
@ -44,7 +44,7 @@ class WP_Bootstrap_Navwalker extends Walker_Nav_Menu
$attributes .= !empty($item->xfn) ? ' rel="' . esc_attr($item->xfn) . '"' : '';
$attributes .= !empty($item->url) ? ' href="' . esc_attr($item->url) . '"' : '';
$attributes .= (isset($args->walker) && $args->walker->has_children) ? ' class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"' : ' class="nav-link"';
$attributes .= (isset($args->walker) && $args->walker->has_children) ? ' class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"' : ' class="nav-link"';
$item_output = isset($args->before) ? $args->before : '';
$item_output .= '<a' . $attributes . '>';