Menüpunkte ohne Link barrierefrei machen

1. Code einfügen (Code Snippets)


add_filter( 'walker_nav_menu_start_el', function( $item_output, $item, $depth, $args ) {

    if ( empty( $item->url ) || $item->url === '#' ) {

        // Titel sichern
        $title = esc_html( $item->title );

        // Klassen prüfen
        $has_children = in_array( 'menu-item-has-children', $item->classes );

        if ( $has_children ) {

            $item_output = '<button class="menu-toggle" aria-expanded="false">' . $title . '</button>';

        } else {

            $item_output = '<span class="menu-parent">' . $title . '</span>';

        }
    }

    return $item_output;

}, 10, 4 );

2. CSS


.menu-toggle {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    cursor: pointer;
}