From f8801ea6737b396bc78f1952ec4e3f1372a81a99 Mon Sep 17 00:00:00 2001
From: Laurence Bahiirwa <laurence@mediauganda.com>
Date: Fri, 3 Feb 2017 16:38:32 +0300
Subject: [PATCH] Matching Style.css

Adding word-wrap to .screen-reader-text to improve accessibility just like in style.css
---
 sass/modules/_accessibility.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/sass/modules/_accessibility.scss b/sass/modules/_accessibility.scss
index 45981b00..f71106bd 100644
--- a/sass/modules/_accessibility.scss
+++ b/sass/modules/_accessibility.scss
@@ -5,6 +5,7 @@
 	height: 1px;
 	width: 1px;
 	overflow: hidden;
+	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
 
 	&:focus {
 		background-color: $color__background-screen;