Merge pull request #618 from swiss/595_956_breadcrumb

Breadcrumbs fix. Closes #595 #956.
swiss · Dec 7, 2017 · cb850e0 · cb850e0
2 parents 0e0a1bf + 8edfe78
commit cb850e0
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
diff --git a/src/locales/de/navigation.yml b/src/locales/de/navigation.yml
@@ -41,6 +41,9 @@ hierarchical-navigation:
       Bei einem Klick auf einen Navigationspunkt im Pfad öffnet sich die entsprechende Seite. Beim Klick auf Links der ersten oder zweiten Ebene der Navigation (Seiten, die keine eigenen Inhalte haben) wird eine Übersichtsseite ohne Navigationsspalte geöffnet.
 
       Auf Smartphones wird am Seitenende jeweils ein Link auf die Startseite und auf die darüberliegende Ebene angeboten; einen kompletten Breadcrumb gibt es nicht.
+    release: |
+      **3.3.0**
+      - improve accessibility
   back-to-overview:
     title: Zurück zur Übersicht
     help: |

diff --git a/src/locales/en/navigation.yml b/src/locales/en/navigation.yml
@@ -41,6 +41,9 @@ hierarchical-navigation:
       When the user clicks on a navigation point in the path, the appropriate page opens. When the user clicks on a link on the first or second navigation level (pages which do not have content of their own), an overview page without a navigation pane is opened.
 
       On smartphones there is always a link at the end of the page to the home page and to the level above. There is no complete breadcrumb on the smartphone version.
+    release: |
+      **3.3.0**
+      - improve accessibility
   back-to-overview:
     title: Back to Overview
     help: |

diff --git a/src/locales/fr/navigation.yml b/src/locales/fr/navigation.yml
@@ -41,6 +41,9 @@ hierarchical-navigation:
       En cliquant sur un point de navigation dans le chemin, la page appropriée s’ouvre. En cliquant sur des liens du premier ou deuxième niveau de navigation (pages ne disposant pas de contenu propre), une page de résumé sans colonne de navigation est ouverte.
 
       Sur les smartphones, un lien vers la page d’accueil et vers le niveau situé au-dessus est proposé en fin de chaque page. Un fil d’Ariane complet n’y est pas disponible.
+    release: |
+      **3.3.0**
+      - amélioration de l'accessibilité
   back-to-overview:
     title: Retour à l’aperçu
     help: |

diff --git a/src/materials/02-navigation/01-hierarchical-navigation/02-breadcrumb.html b/src/materials/02-navigation/01-hierarchical-navigation/02-breadcrumb.html
@@ -4,13 +4,13 @@
 label: fix
 ---
 
-<h2 id="br1" class="hidden">Breadcrumbs</h2>
+<h2 id="br1" class="sr-only">Breadcrumbs</h2>
 <ol class="breadcrumb" role="menu" aria-labelledby="br1">
   <li><a href="#">Home page EDA</a><span class="icon icon--greater"></span></li>
   <li><a href="#">Country & Travel Information</a><span class="icon icon--greater"></span></li>
   <li><a href="#">Country Selection</a><span class="icon icon--greater"></span></li>
   <li><a href="#">Democratic Republic of the Congo</a><span class="icon icon--greater"></span></li>
   <li><a href="#">Some text to create a line break</a><span class="icon icon--greater"></span></li>
   <li><a href="#">Bilateral Relations</a><span class="icon icon--greater"></span></li>
-  <li class="active" aria-selected="true" role="presentation">Title of the active page</li>
+  <li class="active" role="presentation">Title of the active page</li>
 </ol>