我有一系列技巧可以用来添加诸如aria标记、键盘导航、屏幕阅读器文本和其他功能。我很想看看你的。
假设这是一个符合WCAG 2.1 AA指南或更好的多层菜单。假设这是一个典型的WordPress菜单，我们需要尽可能少的内容管理知识。假设菜单有响应。
wp_nav_menu(
array(
\'theme_location\' => \'main\',
\'depth\' => 2,
)
);
我期待着看到你有什么！
SO网友:MikeNGarrett
Kevin Leary posted a snippet to add aria-expanded tags 2018年。我喜欢它的简单。
他描述了我们在这里做的事情：
这是w3提供的“弹出（或下拉）菜单”的推荐方法。组织，更多信息fly-out menu accessibility 可以直接在他们的网站上阅读。
function my_nav_menu_link_attributes( $atts, $item, $args ) {
if ( \'main\' === $args->theme_location ) {
$item_has_children = in_array( \'menu-item-has-children\', $item->classes );
if ( $item_has_children ) {
$atts[\'aria-haspopup\'] = \'true\';
$atts[\'aria-expanded\'] = \'false\';
}
}
return $atts;
}
add_filter( \'nav_menu_link_attributes\', \'my_nav_menu_link_attributes\', 10, 3 );
