Hinzufügen von 'Aria-Labels' zum Verankern von Links im WordPress-Navigationsmenü

Question

Ich muss jedem Menü (und Untermenü) auf meiner WordPress-Website benutzerdefinierte Aria-Labels hinzufügen. Es wird ein benutzerdefiniertes Thema ausgeführt.

ich die Arie-Etiketten möchte den Seitentitel wie folgt umfassen:

aria-label = „Seitentitel“

Also am Ende jeden LI innerhalb der Navigationsmenüstruktur aussehen würde etwas dies:

<li id="id_name" class="class_names"><a href="http://linktothepage.com/page" aria-label="TITLE OF MY PAGE">TITLE OF MY PAGE</a></li> 

Was ist der effizienteste Weg, dies zu tun? Ein Filter? Etwas anderes?

Answer 1

Sie müssen ein title Attribut in <a> Tag haben, benötigen Sie wirklich keine aria-label attr dann. Alle Bildschirmleser lesen automatisch den Titel des Tags.

aria-label könnte erforderlich gewesen sein, falls Sie den Inhalt nicht als reinen Text, sondern eher als HTML-Code hatten.

, wenn Sie auf einem Link klicken, müssen Sie attr aria-selected="true"

so das Endergebnis Wesen hinzu:

<li id="id_name" class="class_names"> 
    <a href="http://linktothepage.com/page" title="TITLE OF MY PAGE">TITLE OF MY PAGE</a> 
</li> 

Wenn der Navigationsmenüpunkt auf Seite lädt dann das ausgewählte Element ist:

<li id="id_name" class="class_names"> 
    <a href="http://linktothepage.com/page" title="TITLE OF MY PAGE" aria-selected="true">TITLE OF MY PAGE</a> 
</li>