From 72aeb1fffd5e2070b623a148c991db51b9e79b3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Giller=20BIT?= <rene.giller@bit.admin.ch>
Date: Thu, 7 Dec 2017 11:09:03 +0100
Subject: [PATCH] fix(socialSharing): add a heading for screen reader

#594
---
 src/locales/de/content.yml                               | 9 +++++----
 src/locales/en/content.yml                               | 9 +++++----
 src/locales/fr/content.yml                               | 9 +++++----
 .../03-content/04-functions/02-social-sharing.html       | 1 +
 4 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/locales/de/content.yml b/src/locales/de/content.yml
index 70741524..0e95a69d 100644
--- a/src/locales/de/content.yml
+++ b/src/locales/de/content.yml
@@ -263,13 +263,14 @@ functions:
 
       Derzeit werden Facebook, Twitter, Google+, Xing und LinkedIn unterstützt. Weitere Netzwerke können mit dem betreffenden [Open Graph](http://ogp.me/) meta tag hinzugefügt werden.
     release: |
-      **2.1.1:**
-
-      - added the `.social-sharing` class to the `#social-sharing` element
+      **3.3.0:**
+      - added a heading for screen readers
 
       **3.1.1:**
-
       - added `xing` and `linkedin` icons for social sharing
+
+      **2.1.1:**
+      - added the `.social-sharing` class to the `#social-sharing` element
   downloading-files:
     title: Datei download
     help: Links, mit denen eine Datei geladen werden kann, sind immer mit einem vorangestellten Dokument-Icon gekennzeichnet.
diff --git a/src/locales/en/content.yml b/src/locales/en/content.yml
index 8860ddfd..38d7c74e 100644
--- a/src/locales/en/content.yml
+++ b/src/locales/en/content.yml
@@ -247,13 +247,14 @@ functions:
 
       At the moment, Facebook, Twitter, Google+, Xing and LinkedIn are supported. Just add the correct [Open Graph](http://ogp.me/) meta tags to get the preview images and descriptions.
     release: |
-      **2.1.1:**
-
-      - added the `.social-sharing` class to the `#social-sharing` element
+      **3.3.0:**
+      - added a heading for screen readers
 
       **3.1.1:**
-
       - added `xing` and `linkedin` icons for social sharing
+
+      **2.1.1:**
+      - added the `.social-sharing` class to the `#social-sharing` element
   downloading-files:
     title: Downloading files
     help: Links with which a file can be downloaded are always preceded by a document icon.
diff --git a/src/locales/fr/content.yml b/src/locales/fr/content.yml
index f5ef3b1e..9a55471a 100755
--- a/src/locales/fr/content.yml
+++ b/src/locales/fr/content.yml
@@ -262,13 +262,14 @@ functions:
 
       Actuellement, cette fonction est compatible avec Facebook, Twitter, Google+, Xing et LinkedIn. D’autres réseaux peuvent être ajoutés à l’aide de la balise meta concernée [Open Graph](http://ogp.me/).
     release: |
-      **2.1.1:**
-
-      - classe `.social-sharing` ajoutée à l’élément `#social-sharing`
+      **3.3.0:**
+      - ajout d'un titre pour les lecteurs d'écran
 
       **3.1.1:**
-
       - ajout des icones `xing` et `linkedin` pour le partage social
+
+      **2.1.1:**
+      - classe `.social-sharing` ajoutée à l’élément `#social-sharing`
   downloading-files:
     title: Téléchargement de fichier
     help: Les liens permettant de télécharger un fichier sont toujours signalés par une icône «document» qui les précède.
diff --git a/src/materials/03-content/04-functions/02-social-sharing.html b/src/materials/03-content/04-functions/02-social-sharing.html
index 04e12f9b..39b8ce5b 100644
--- a/src/materials/03-content/04-functions/02-social-sharing.html
+++ b/src/materials/03-content/04-functions/02-social-sharing.html
@@ -6,6 +6,7 @@
 ---
 
 <div class="social-sharing">
+  <h3 class="sr-only">Social media sharing</h3>
   <a href="#" aria-label="Facebook" class="social-sharing-facebook"></a>
   <a href="#" aria-label="Twitter" class="social-sharing-twitter"></a>
   <a href="#" aria-label="Google+" class="social-sharing-google"></a>