diff --git a/app/common/auth/password-reset-confirm.html b/app/common/auth/password-reset-confirm.html
index f6747db063..448d60cf45 100644
--- a/app/common/auth/password-reset-confirm.html
+++ b/app/common/auth/password-reset-confirm.html
@@ -26,7 +26,7 @@
             <div ng-repeat="(error, value) in form.password.$error"
                 ng-show="form.password.$dirty"
                 class="alert error">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                 </svg>
                 <p translate="{{'user.valid.password.' + error}}" translate-default="{{error}}"></p>
diff --git a/app/common/auth/register.html b/app/common/auth/register.html
index 2f55fdabea..c3847a32cd 100644
--- a/app/common/auth/register.html
+++ b/app/common/auth/register.html
@@ -15,7 +15,7 @@
             <div ng-repeat="(error, value) in form.full_name.$error"
                 ng-show="form.full_name.$dirty"
                 class="alert error">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                 </svg>
                 <p translate="{{'user.valid.full_name.' + error}}" translate-default="{{error}}"></p>
@@ -31,7 +31,7 @@
             <div ng-repeat="(error, value) in form.email.$error"
                 ng-show="form.email.$dirty"
                 class="alert error">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                 </svg>
                 <p translate="{{'user.valid.email.' + error}}" translate-default="{{error}}"></p>
@@ -48,7 +48,7 @@
             <div ng-repeat="(error, value) in form.password.$error"
                 ng-show="form.password.$dirty"
                 class="alert error">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                 </svg>
                 <p translate="{{'user.valid.password.' + error}}" translate-default="{{error}}"></p>
diff --git a/app/common/configs/uib-pagination.html b/app/common/configs/uib-pagination.html
index ac3eccad8b..ed25469666 100644
--- a/app/common/configs/uib-pagination.html
+++ b/app/common/configs/uib-pagination.html
@@ -4,7 +4,7 @@
 </li>
 <li ng-if="::directionLinks" ng-class="{disabled: noPrevious()||ngDisabled}" class="prev">
     <a ng-click="selectPage(page - 1, $event)">
-        <svg class="iconic">
+        <svg class="iconic" role="img">
           <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-left"></use>
         </svg>
         <span class="hidden">Previous</span>
@@ -24,7 +24,7 @@
 </li>
 <li ng-if="::directionLinks" ng-class="{disabled: noNext()||ngDisabled}" class="next" >
     <a ng-click="selectPage(page + 1, $event)">
-        <svg class="iconic">
+        <svg class="iconic" role="img">
           <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-right"></use>
         </svg>
         <span class="hidden">Next</span>
diff --git a/app/common/directives/add-category.html b/app/common/directives/add-category.html
index bdc5fade40..2127ed960c 100644
--- a/app/common/directives/add-category.html
+++ b/app/common/directives/add-category.html
@@ -12,7 +12,7 @@
             ng-disabled="categoryName.length === 0"
             ng-click="saveCategory($event);"
         >
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xlink:href="/img/iconic-sprite.svg#check"></use>
             </svg>
         <span class="hidden" translate="app.add">Add</span>
@@ -22,7 +22,7 @@
             class="button-beta button-flat"
             ng-click="showInputToggle()"
         >
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xlink:href="/img/iconic-sprite.svg#trash"></use>
             </svg>
             <span class="hidden" translate="category.delete">Delete</span>
diff --git a/app/common/directives/category-selector.html b/app/common/directives/category-selector.html
index 7470856c76..59730461f7 100644
--- a/app/common/directives/category-selector.html
+++ b/app/common/directives/category-selector.html
@@ -45,7 +45,7 @@
         </div>
     </div>
     <span class="form-field-toggle">
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
         </svg>
         <span translate="nav.more">More</span>
diff --git a/app/common/directives/filter-system/filter-searchbar.html b/app/common/directives/filter-system/filter-searchbar.html
index 477564c75b..2b31b6bc32 100644
--- a/app/common/directives/filter-system/filter-searchbar.html
+++ b/app/common/directives/filter-system/filter-searchbar.html
@@ -13,10 +13,10 @@
                 ng-keyup="detectSubmit($event)"
                 ng-value="model.q=''"
             >
-            <svg class="iconic" ng-show="!form.q.$viewValue.length">
+            <svg class="iconic" role="img" ng-show="!form.q.$viewValue.length">
               <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#magnifying-glass"></use>
             </svg>
-            <svg class="iconic" ng-click="onClear()" ng-show="form.q.$viewValue.length">
+            <svg class="iconic" role="img" ng-click="onClear()" ng-show="form.q.$viewValue.length">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
             </svg>
         </div>
diff --git a/app/common/directives/modal-container.html b/app/common/directives/modal-container.html
index 2b016afe4f..1183fbcda7 100644
--- a/app/common/directives/modal-container.html
+++ b/app/common/directives/modal-container.html
@@ -1,14 +1,14 @@
 <div ng-show="classVisible" class="modal" style="display: block;">
     <div class="modal-window" ng-style="{ top : modalOffset }">
         <button class="button-beta button-flat modal-trigger modal-trigger-close" ng-show="showCloseButton" ng-click="closeButtonClicked()">
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <!-- TODO: fix icon to be settable -->
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#x"></use>
             </svg>
             <span class="hidden" translate>modal.button.close</span>
         </button>
         <h3 class="modal-title" ng-if="title">
-            <svg class="iconic" ng-if="icon">
+            <svg class="iconic" role="img" ng-if="icon">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="{{ icon }}"></use>
             </svg>
             <span class="label">
diff --git a/app/common/directives/modal.html b/app/common/directives/modal.html
index 75f95646b5..ff35f5751c 100644
--- a/app/common/directives/modal.html
+++ b/app/common/directives/modal.html
@@ -1,14 +1,14 @@
 <div ng-show="classVisible" class="modal" style="display: block;">
     <div class="modal-window" ng-style="{ top : modalOffset }">
         <button class="button-beta button-flat modal-trigger modal-trigger-close" ng-show="showCloseButton" ng-click="closeModal()">
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <!-- TODO: fix icon to be settable -->
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#x"></use>
             </svg>
             <span class="hidden" translate>modal.button.close</span>
         </button>
         <h3 class="modal-title" ng-if="title">
-            <svg class="iconic" ng-if="icon">
+            <svg class="iconic" role="img" ng-if="icon">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="{{iconPath}}"></use>
             </svg>
             <span class="label">
diff --git a/app/common/directives/mode-bar/mode-bar.html b/app/common/directives/mode-bar/mode-bar.html
index 78768ce48d..9d20864c9f 100644
--- a/app/common/directives/mode-bar/mode-bar.html
+++ b/app/common/directives/mode-bar/mode-bar.html
@@ -6,7 +6,7 @@
         <ul class="deployment-menu">
             <li ui-sref-active="{ 'active' : 'posts.map' }">
                 <a ui-sref="posts.map.all" ui-sref-opts="{reload:true}" class="view-map">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                         <use xlink:href="/img/iconic-sprite.svg#map-marker"></use>
                     </svg>
                     <translate>views.map</translate>
@@ -15,7 +15,7 @@
 
             <li ui-sref-active="active">
                 <a ui-sref="posts.data" ui-sref-opts="{reload:true}" class="view-data">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                         <use xlink:href="/img/iconic-sprite.svg#list-rich"></use>
                     </svg>
                     <translate>views.data</translate>
@@ -24,7 +24,7 @@
 
             <li ng-if="isActivityAvailable || hasManageSettingsPermission()" ui-sref-active="active" data-message="customize">
                 <a ui-sref="activity">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                         <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#pulse"></use>
                     </svg>
                     <translate>views.activity</translate>
@@ -33,7 +33,7 @@
 
             <li>
                 <button class="more-menu-trigger" ng-class="{ active : moreActive }" ng-click="showMore($event)">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                         <use xlink:href="/img/iconic-sprite.svg#ellipses"></use>
                     </svg>
                     <translate>nav.more</translate>
@@ -41,7 +41,7 @@
                 <ul>
                     <li data-message="customize" ng-show="hasManageSettingsPermission()" ng-class="{active: $state.includes('settings')}">
                         <a ui-sref="settings.list">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#cog"></use>
                             </svg>
                             <translate>nav.settings</translate>
@@ -66,7 +66,7 @@
 
             <li ng-hide="currentUser">
                 <button ng-click="login()" data-modal="login">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                         <use xlink:href="/img/iconic-sprite.svg#account-login"></use>
                     </svg>
                     <translate translate="nav.login">Log in</translate>
@@ -82,7 +82,7 @@
 
             <li ng-show="!currentUser && canRegister">
                 <button ng-click="register()" data-modal="signup">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                         <use xlink:href="/img/iconic-sprite.svg#person"></use>
                     </svg>
                     <translate translate="nav.register">Sign up</translate>
@@ -91,7 +91,7 @@
 
             <li ng-show="currentUser">
                 <button ng-click="logout()" data-modal="login">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                         <use xlink:href="/img/iconic-sprite.svg#account-logout"></use>
                     </svg>
                     <span class="label" translate="nav.logout">Log out</span>
diff --git a/app/common/directives/role-selector.html b/app/common/directives/role-selector.html
index b88d43025c..958d24ba5d 100644
--- a/app/common/directives/role-selector.html
+++ b/app/common/directives/role-selector.html
@@ -6,7 +6,7 @@
             ng-class="{ 'checked': !model.role.length }"
         >
             <label for="add_everyone">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xlink:href="/img/iconic-sprite.svg#globe"></use>
                 </svg>
                 <input
@@ -27,7 +27,7 @@
             ng-class="{ 'checked': model.role.length }"
         >
             <label for="add_roles">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xlink:href="/img/iconic-sprite.svg#people"></use>
                 </svg>
                 <input
diff --git a/app/common/notifications/demo-slider.html b/app/common/notifications/demo-slider.html
index 203b088e7b..172c1dfcc9 100644
--- a/app/common/notifications/demo-slider.html
+++ b/app/common/notifications/demo-slider.html
@@ -9,7 +9,7 @@
         ng-if="icon"
         ng-class="iconClass"
     >
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="{{ icon }}"></use>
         </svg>
     </div>
diff --git a/app/common/notifications/slider.html b/app/common/notifications/slider.html
index 2caa943f50..0a0bb599fe 100644
--- a/app/common/notifications/slider.html
+++ b/app/common/notifications/slider.html
@@ -11,7 +11,7 @@
         ng-if="icon"
         ng-class="iconClass"
     >
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="{{ icon }}"></use>
         </svg>
     </div>
diff --git a/app/common/user-profile/notifications.html b/app/common/user-profile/notifications.html
index f1b5bc8240..ea81e4888b 100644
--- a/app/common/user-profile/notifications.html
+++ b/app/common/user-profile/notifications.html
@@ -8,7 +8,7 @@ <h3 class="listing-heading" ng-if="contacts.length !== 0" translate>notification
          ng-class="{'active': contact.active}">
       <div class="listing-item-secondary">
         <button type="button" class="button-link" ng-click="toggleActive(contact)">
-          <svg class="iconic">
+          <svg class="iconic" role="img">
             <use xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
           </svg>
           <span class="button-label" translate>contact.configure</span>
@@ -94,7 +94,7 @@ <h2 class="listing-item-title">
           <a class="button button-flat"
              ng-click="toggleActive(contact)"
              translate>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
               <use xlink:href="/img/iconic-sprite.svg#plus"></use>
             </svg>
             contact.button.add
@@ -174,7 +174,7 @@ <h3 class="listing-heading" translate>notification.notifications_heading</h3>
          class="listing-item">
       <div class="listing-item-secondary">
         <button type="button" class="button-link" ng-click="deleteNotification(notification)">
-          <svg class="iconic">
+          <svg class="iconic" role="img">
             <use xlink:href="/img/iconic-sprite.svg#circle-x"></use>
           </svg>
           <span class="button-label" translate>notification.button.delete</span>
@@ -183,7 +183,7 @@ <h3 class="listing-heading" translate>notification.notifications_heading</h3>
 
       <div class="listing-item-primary">
         <div class="listing-item-image">
-          <svg class="iconic">
+          <svg class="iconic" role="img">
             <use xlink:href="/img/iconic-sprite.svg#star"></use>
           </svg>
         </div>
diff --git a/app/common/verifier/verifier.html b/app/common/verifier/verifier.html
index 3c3a34c191..b719b57e01 100644
--- a/app/common/verifier/verifier.html
+++ b/app/common/verifier/verifier.html
@@ -18,7 +18,7 @@ <h3 class="list-item-title">Checking network...</h3>
                 <div class="listing-item" ng-if="networkCheck">
                     <div class="listing-item-primary">
                         <div class="listing-item-image">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use style="fill: #de0000" ng-if="networkCheck.type === 'error'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
                                 <use style="fill: #4fab2f" ng-if="networkCheck.type === 'confirmation'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-check"></use>
                                 <use style="fill: #FFC334" ng-if="networkCheck.type === 'warning'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
@@ -39,7 +39,7 @@ <h4 class="list-item-title">Checking status for endpoints...</h4>
                 <div class="listing-item" ng-repeat="endpoint in endpointStatuses" ng-if="endpointStatuses">
                     <div class="listing-item-primary">
                         <div class="listing-item-image">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use style="fill: #de0000" ng-if="endpoint.type === 'error'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
                                 <use style="fill: #4fab2f" ng-if="endpoint.type === 'confirmation'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-check"></use>
                                 <use style="fill: #FFC334" ng-if="endpoint.type === 'warning'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
@@ -57,7 +57,7 @@ <h4 class="list-item-title">Checking structure for endpoints...</h4>
                 <div class="listing-item" ng-repeat="endpoint in endpointStructureChecks" ng-if="!isCheckDisabled('ENDPOINT_STRUCTURE')">
                     <div class="listing-item-primary">
                             <div class="listing-item-image">
-                                <svg class="iconic"   >
+                                <svg class="iconic" role="img">
                                     <use style="fill: #de0000" ng-if="endpoint.type === 'error'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
                                     <use style="fill: #4fab2f" ng-if="endpoint.type === 'confirmation'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-check"></use>
                                     <use style="fill: #FFC334" ng-if="endpoint.type === 'warning'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
@@ -76,7 +76,7 @@ <h3>Checking Oauth-endpoint...</h3>
                 <div class="listing-item" ng-if="oauthStatus">
                     <div class="listing-item-primary">
                         <div class="listing-item-image">
-                            <svg class="iconic"   >
+                            <svg class="iconic" role="img">
                                 <use style="fill: #de0000" ng-if="oauthStatus.type === 'error'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
                                 <use style="fill: #4fab2f" ng-if="oauthStatus.type === 'confirmation'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-check"></use>
                                 <use style="fill: #FFC334" ng-if="oauthStatus.type === 'warning'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
@@ -89,7 +89,7 @@ <h3>Checking Oauth-endpoint...</h3>
                     <div class="listing-item">
                         <div class="listing-item-primary">
                             <div class="listing-item-image">
-                                <svg class="iconic"   >
+                                <svg class="iconic" role="img">
                                     <use style="fill: #de0000" ng-if="oauthStructure.type === 'error'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
                                     <use style="fill: #4fab2f" ng-if="oauthStructure.type === 'confirmation'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-check"></use>
                                     <use style="fill: #FFC334" ng-if="oauthStructure.type === 'warning'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
@@ -102,7 +102,7 @@ <h3>Checking Oauth-endpoint...</h3>
                     <div class="listing-item">
                         <div class="listing-item-primary">
                             <div class="listing-item-image">
-                                <svg class="iconic">
+                                <svg class="iconic" role="img">
                                     <use style="fill: #de0000" ng-if="oauthToken.type === 'error'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
                                     <use style="fill: #4fab2f" ng-if="oauthToken.type === 'confirmation'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-check"></use>
                                     <use style="fill: #FFC334" ng-if="oauthToken.type === 'warning'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
@@ -122,7 +122,7 @@ <h3>Checking environment variables in the client...</h3>
                 <div class="listing-item" ng-if="envCheck">
                     <div class="listing-item-primary">
                         <div class="listing-item-image">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use style="fill: #de0000" ng-if="envCheck.type === 'error'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
                                 <use style="fill: #4fab2f" ng-if="envCheck.type === 'confirmation'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-check"></use>
                                 <use style="fill: #FFC334" ng-if="envCheck.type === 'warning'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
@@ -142,7 +142,7 @@ <h3>Checking Transifex</h3>
                 <div class="listing-item" ng-if="transifexCheck">
                     <div class="listing-item-primary">
                         <div class="listing-item-image">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use style="fill: #de0000" ng-if="transifexCheck.type === 'error'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
                                 <use style="fill: #4fab2f" ng-if="transifexCheck.type === 'confirmation'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-check"></use>
                                 <use style="fill: #FFC334" ng-if="transifexCheck.type === 'warning'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
@@ -162,7 +162,7 @@ <h3>Checking Database-connection</h3>
                 <div class="listing-item" ng-if="dbConnection">
                     <div class="listing-item-primary">
                         <div class="listing-item-image">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use style="fill: #de0000" ng-if="dbConnection.errors" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
                                 <use style="fill: #4fab2f" ng-if="dbConnection.success" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-check"></use>
                                 <use style="fill: #5294ff" ng-if="dbConnection.type === 'info'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#info"></use>
@@ -190,7 +190,7 @@ <h3>Checking environment-variables in the API...</h3>
                 <div class="listing-item" ng-if="apiEnvs">
                     <div class="listing-item-primary">
                         <div class="listing-item-image">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use style="fill: #de0000" ng-if="apiEnvs.errors" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
                                 <use style="fill: #4fab2f" ng-if="apiEnvs.success" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-check"></use>
                                 <use style="fill: #5294ff" ng-if="apiEnvs.type === 'info'" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#info"></use>
@@ -217,7 +217,7 @@ <h3>Checking if API Install Debug mode should be disabled...</h3>
                 <div class="listing-item">
                     <div class="listing-item-primary">
                         <div class="listing-item-image">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use style="fill: #FFC334" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                             </svg>
                         </div>
diff --git a/app/main/activity/activity-timeline.html b/app/main/activity/activity-timeline.html
index 27ae9d80f6..39f5c0bd8c 100644
--- a/app/main/activity/activity-timeline.html
+++ b/app/main/activity/activity-timeline.html
@@ -18,14 +18,14 @@ <h1 class="postcard-title"><a href="">Overcrowding between 5th St. &amp; Salem A
            </div>
 
            <span class="postcard-actions-trigger" data-toggle="dropdown-menu">
-               <svg class="iconic">
+               <svg class="iconic" role="img">
                  <use xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
                </svg>
            </span>
            <ul class="dropdown-menu">
                <li>
                    <a href="">
-                   <svg class="iconic">
+                   <svg class="iconic" role="img">
                        <use xlink:href="/img/iconic-sprite.svg#pencil"></use>
                    </svg>
                    <span class="label">Edit</span>
@@ -33,7 +33,7 @@ <h1 class="postcard-title"><a href="">Overcrowding between 5th St. &amp; Salem A
                </li>
                <li>
                    <a href="">
-                   <svg class="iconic">
+                   <svg class="iconic" role="img">
                        <use xlink:href="/img/iconic-sprite.svg#grid-three-up"></use>
                    </svg>
                    <span class="label">Add to Collection</span>
@@ -41,7 +41,7 @@ <h1 class="postcard-title"><a href="">Overcrowding between 5th St. &amp; Salem A
                </li>
                <li>
                    <a href="">
-                   <svg class="iconic">
+                   <svg class="iconic" role="img">
                        <use xlink:href="/img/iconic-sprite.svg#share"></use>
                    </svg>
                    <span class="label">Share</span>
@@ -49,7 +49,7 @@ <h1 class="postcard-title"><a href="">Overcrowding between 5th St. &amp; Salem A
                </li>
                <li>
                    <a href="">
-                   <svg class="iconic">
+                   <svg class="iconic" role="img">
                        <use xlink:href="/img/iconic-sprite.svg#task"></use>
                    </svg>
                    <span class="label">Assign to...</span>
@@ -57,7 +57,7 @@ <h1 class="postcard-title"><a href="">Overcrowding between 5th St. &amp; Salem A
                </li>
                <li>
                    <a href="">
-                   <svg class="iconic">
+                   <svg class="iconic" role="img">
                        <use xlink:href="/img/iconic-sprite.svg#trash"></use>
                    </svg>
                    <span class="label">Delete</span>
@@ -82,14 +82,14 @@ <h1 class="postcard-title"><a href="">Overcrowding between 5th St. &amp; Salem A
            </div>
 
            <span class="postcard-actions-trigger" data-toggle="dropdown-menu">
-               <svg class="iconic">
+               <svg class="iconic" role="img">
                  <use xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
                </svg>
            </span>
            <ul class="dropdown-menu">
                <li>
                    <a href="">
-                   <svg class="iconic">
+                   <svg class="iconic" role="img">
                        <use xlink:href="/img/iconic-sprite.svg#pencil"></use>
                    </svg>
                    <span class="label">Edit</span>
@@ -97,7 +97,7 @@ <h1 class="postcard-title"><a href="">Overcrowding between 5th St. &amp; Salem A
                </li>
                <li>
                    <a href="">
-                   <svg class="iconic">
+                   <svg class="iconic" role="img">
                        <use xlink:href="/img/iconic-sprite.svg#grid-three-up"></use>
                    </svg>
                    <span class="label">Add to Collection</span>
@@ -105,7 +105,7 @@ <h1 class="postcard-title"><a href="">Overcrowding between 5th St. &amp; Salem A
                </li>
                <li>
                    <a href="">
-                   <svg class="iconic">
+                   <svg class="iconic" role="img">
                        <use xlink:href="/img/iconic-sprite.svg#share"></use>
                    </svg>
                    <span class="label">Share</span>
@@ -113,7 +113,7 @@ <h1 class="postcard-title"><a href="">Overcrowding between 5th St. &amp; Salem A
                </li>
                <li>
                    <a href="">
-                   <svg class="iconic">
+                   <svg class="iconic" role="img">
                        <use xlink:href="/img/iconic-sprite.svg#task"></use>
                    </svg>
                    <span class="label">Assign to...</span>
@@ -121,7 +121,7 @@ <h1 class="postcard-title"><a href="">Overcrowding between 5th St. &amp; Salem A
                </li>
                <li>
                    <a href="">
-                   <svg class="iconic">
+                   <svg class="iconic" role="img">
                        <use xlink:href="/img/iconic-sprite.svg#trash"></use>
                    </svg>
                    <span class="label">Delete</span>
@@ -158,7 +158,7 @@ <h1 class="postcard-title"><a href="">Overcrowding between 5th St. &amp; Salem A
 
                <fieldset class="custom-fieldset">
                    <legend>
-                       <svg class="iconic">
+                       <svg class="iconic" role="img">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#grid-three-up"></use>
                        </svg>
                        Add to Collection
@@ -180,28 +180,28 @@ <h1 class="postcard-title"><a href="">Overcrowding between 5th St. &amp; Salem A
                </fieldset>
 
                <button type="button">
-                   <svg class="iconic">
+                   <svg class="iconic" role="img">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#external-link"></use>
                    </svg>
                    <span class="button-label">Export</span>
                </button>
 
                <button type="button" class="button-destructive">
-                   <svg class="iconic">
+                   <svg class="iconic" role="img">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                    </svg>
                    <span class="button-label hidden">Delete</span>
                </button>
 
                <button type="button" class="listing-toolbar-toggle more">
-                   <svg class="iconic">
+                   <svg class="iconic" role="img">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#ellipses"></use>
                    </svg>
                    <span class="button-label">Show more</span>
                </button>
 
                <button type="button" class="listing-toolbar-toggle less">
-                   <svg class="iconic">
+                   <svg class="iconic" role="img">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#x"></use>
                    </svg>
                    <span class="button-label">Show less</span>
diff --git a/app/main/activity/activity.html b/app/main/activity/activity.html
index b11abbb4d5..bdb9b6886e 100644
--- a/app/main/activity/activity.html
+++ b/app/main/activity/activity.html
@@ -7,7 +7,7 @@ <h1 class="mode-context-title"><a href="/" ng-bind="nav.site.name"></a></h1>
         </header>
 
         <span class="mode-context-trigger" dropdown-toggle>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
             <span class="label hidden" translate>app.show_more_less</span>
@@ -66,7 +66,7 @@ <h1 class="mode-context-title"><a href="/" ng-bind="nav.site.name"></a></h1>
                                     <div class="form-field date" ng-show="editableInterval == 'custom'">
                                         <label for="date" class="hidden" translate="global_filter.filter_tabs.created_after">Start date</label>
                                         <div class="input-with-icon">
-                                            <svg class="iconic">
+                                            <svg class="iconic" role="img">
                                                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#calendar"></use>
                                             </svg>
                                             <input id="date" type="date" pick-a-date="createdAfter" pick-a-date-options="dateOptions" placeholder="{{ 'global_filter.filter_tabs.created_after' | translate }}" ng-model="createdAfter" />
@@ -77,7 +77,7 @@ <h1 class="mode-context-title"><a href="/" ng-bind="nav.site.name"></a></h1>
                                     <div class="form-field date" ng-show="editableInterval == 'custom'">
                                         <label for="date" class="hidden" translate="global_filter.filter_tabs.created_before">End date</label>
                                         <div class="input-with-icon">
-                                            <svg class="iconic">
+                                            <svg class="iconic" role="img">
                                                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#calendar"></use>
                                             </svg>
                                             <input id="date" type="date" pick-a-date="createdBefore" pick-a-date-options="dateOptions" placeholder="{{ 'global_filter.filter_tabs.created_before' | translate }}" ng-model="createdBefore">
@@ -106,7 +106,7 @@ <h1 class="mode-context-title"><a href="/" ng-bind="nav.site.name"></a></h1>
                 <div class="listing-item active">
                     <div class="listing-item-secondary">
                         <button ng-show="todo" type="button" class="button-beta button-flat">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use xlink:href="/img/iconic-sprite.svg#share"></use>
                             </svg>
                             <span class="hidden" translate="app.share">Share</span>
@@ -127,7 +127,7 @@ <h2 class="listing-item-title" translate="activity.activity_over_time">Activity
                 <div class="listing-item active">
                     <div class="listing-item-secondary">
                         <button ng-show="todo" type="button" class="button-beta button-flat">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use xlink:href="/img/iconic-sprite.svg#share"></use>
                             </svg>
                             <span class="hidden" translate="app.share">Share</span>
@@ -174,4 +174,4 @@ <h2 class="listing-item-title" translate="activity.crowdsourced_activity">Crowds
         </aside>
 
     </main>
-</div>
\ No newline at end of file
+</div>
diff --git a/app/main/posts/collections/editor.html b/app/main/posts/collections/editor.html
index 38e9dfdfaf..b4c778c03b 100644
--- a/app/main/posts/collections/editor.html
+++ b/app/main/posts/collections/editor.html
@@ -17,7 +17,7 @@
                 set.featured
             </span>
             <span class="tooltip">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#question-mark"></use>
                 </svg>
                 <span class="bug" translate>set.featured_collection_tooltip</span>
diff --git a/app/main/posts/collections/listing.html b/app/main/posts/collections/listing.html
index 285a2b775b..1068bbd3dd 100644
--- a/app/main/posts/collections/listing.html
+++ b/app/main/posts/collections/listing.html
@@ -3,7 +3,7 @@
         <div class="form-field search">
             <label class="hidden" translate>set.find_a_collection</label>
             <div class="input-with-icon">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#magnifying-glass"></use>
                 </svg>
                 <form ng-submit="searchCollections(collectionQuery)">
@@ -42,7 +42,7 @@ <h2 class="listing-item-title">
     <div class="modal-actions" ng-if="currentUser">
         <div class="form-field">
             <button type="button" class="button-beta" ng-click="createNewCollection()">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#plus"></use>
                 </svg>
                 <span class="button-label" translate>app.create_new</span>
diff --git a/app/main/posts/collections/mode-context.html b/app/main/posts/collections/mode-context.html
index 4c13b0eb89..4e0457ac41 100644
--- a/app/main/posts/collections/mode-context.html
+++ b/app/main/posts/collections/mode-context.html
@@ -4,7 +4,7 @@
             <li><a href="/">{{ nav.site.name }}</a></li>
         </ol>
         <h1 class="mode-context-title">
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#grid-three-up"></use>
             </svg>
             {{collection.name}}
@@ -12,7 +12,7 @@ <h1 class="mode-context-title">
     </header>
 
     <span class="mode-context-trigger" dropdown-toggle>
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
         </svg>
         <span class="label hidden" translate>app.show_more_less</span>
@@ -26,13 +26,13 @@ <h1 class="mode-context-title">
         <ul class="metadata">
             <li>
                 <span class="status-indicator public tooltip" ng-if="!collection.role || collection.role.length == 0">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                         <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#globe"></use>
                     </svg>
                     <span class="bug" translate="collection.visible_to_public">This Collection is visible to the public</span>
                 </span>
                 <span class="status-indicator yellow tooltip" ng-if="collection.role.length > 0">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                         <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#globe"></use>
                     </svg>
                     <span class="bug" translate="collection.visible_to_roles" translate-values="{ roles: collection.role.join(', ') }">This Collection is visible to ...</span>
@@ -48,14 +48,14 @@ <h1 class="mode-context-title">
         <!--// IF: User has permission to edit the Saved Search //-->
         <div class="form-field" ng-if="canEdit" dropdown>
             <button type="button" data-modal="edit-collection" ng-click="editCollection()">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#pencil"></use>
                 </svg>
                 <span class="button-label" translate>app.edit</span>
             </button>
 
             <button type="button" data-toggle="dropdown-menu" class="init" dropdown-toggle>
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#ellipses"></use>
                 </svg>
                 <span class="button-label hidden" translate>app.more</span>
@@ -63,7 +63,7 @@ <h1 class="mode-context-title">
             <ul class="dropdown-menu init" dropdown-menu>
                 <li ng-if="showNotificationLink">
                     <a ng-click="saveNotification(collection)">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#bell"></use>
                         </svg>
                         <span class="label" ng-click="saveNotification(collection)" translate="app.get_notifications">Get notifications</span>
@@ -71,7 +71,7 @@ <h1 class="mode-context-title">
                 </li>
                 <li ng-if="!showNotificationLink">
                     <a ng-click="removeNotification(collection)">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#bell"></use>
                         </svg>
                         <span class="label" translate="app.turn_off_notifications">Turn off notifications</span>
@@ -79,7 +79,7 @@ <h1 class="mode-context-title">
                 </li>
                 <li>
                     <a ng-click="deleteCollection()">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                         </svg>
                         <span class="label" translate="app.delete"></span>
@@ -93,7 +93,7 @@ <h1 class="mode-context-title">
         <div class="form-field" ng-if="!canEdit && $root.loggedin">
             <!-- // IF: User is not yet getting notifications about this Saved Search //-->
             <button type="button" ng-if="showNotificationLink" ng-click="saveNotification(collection)">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#bell"></use>
                 </svg>
                 <span class="button-label" translate="app.get_notifications">Get notifications</span>
@@ -102,7 +102,7 @@ <h1 class="mode-context-title">
             <!--// ELSE //-->
 
             <button type="button" ng-if="!showNotificationLink" class="button-flat">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#bell"></use>
                 </svg>
                 <span class="button-label" translate="app.turn_off_notifications">Turn off notifications</span>
@@ -113,7 +113,7 @@ <h1 class="mode-context-title">
         <div class="form-field">
             <!-- mode context bar is only available in the map so it should take you back there -->
             <a ng-click="clearFilters()" type="button" class="button-link">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#arrow-left"></use>
                 </svg>
                 <span class="button-label" translate="app.return_to_all_posts">Return to all posts</span>
diff --git a/app/main/posts/common/collection-toggle/collection-toggle-button.html b/app/main/posts/common/collection-toggle/collection-toggle-button.html
index 590becac95..bb9b5b3f52 100644
--- a/app/main/posts/common/collection-toggle/collection-toggle-button.html
+++ b/app/main/posts/common/collection-toggle/collection-toggle-button.html
@@ -1,5 +1,5 @@
 <button type="button" class="button-beta" data-modal="add-to-collection" ng-click="toggleCollection()">
-    <svg class="iconic">
+    <svg class="iconic" role="img">
         <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#grid-three-up"></use>
     </svg>
     <span class="button-label hidden" translate="set.add_to_collection">Add to collection</span>
diff --git a/app/main/posts/common/collection-toggle/collection-toggle-link.html b/app/main/posts/common/collection-toggle/collection-toggle-link.html
index e1e8b18d1a..dc158723e7 100644
--- a/app/main/posts/common/collection-toggle/collection-toggle-link.html
+++ b/app/main/posts/common/collection-toggle/collection-toggle-link.html
@@ -1,5 +1,5 @@
 <a data-modal="add-to-collection" ng-click="toggleCollection()">
-    <svg class="iconic">
+    <svg class="iconic" role="img">
         <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#grid-three-up"></use>
     </svg>
     <span class="label"translate="set.add_to_collection">Add to collection</span>
diff --git a/app/main/posts/common/post-actions.html b/app/main/posts/common/post-actions.html
index 104824340e..3bccd3672d 100644
--- a/app/main/posts/common/post-actions.html
+++ b/app/main/posts/common/post-actions.html
@@ -1,6 +1,6 @@
 <div class="postcard-actions" dropdown >
   <button class="button-gamma button-flat init" data-toggle="dropdown-menu" dropdown-toggle ng-click="$event.stopPropagation()">
-      <svg class="iconic">
+      <svg class="iconic" role="img">
           <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#ellipses"></use>
       </svg>
       <span class="hidden">More</span>
@@ -11,7 +11,7 @@
 
         <li ng-show="(post.allowed_privileges.indexOf('update') !== -1) && postIsUnlocked()">
           <a ng-click="openEditMode(post.id)">
-              <svg class="iconic">
+              <svg class="iconic" role="img">
                   <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#pencil"></use>
               </svg>
               <span class="label" translate="nav.edit">Edit</span>
@@ -26,7 +26,7 @@
         </li>
       <!-- <li>
         <a href="">
-          <svg class="iconic">
+          <svg class="iconic" role="img">
             <use xlink:href="/img/iconic-sprite.svg#task"></use>
           </svg>
           <span class="label">Assign to ...</span>
@@ -39,7 +39,7 @@
       <li ng-repeat="status in statuses"
           ng-show="post.allowed_privileges.indexOf('change_status') !== -1 && postIsUnlocked()">
         <a ng-click="updateStatus(status)">
-          <svg class="iconic">
+          <svg class="iconic" role="img">
             <use xlink:href="/img/iconic-sprite.svg#globe" ng-if="status=='published'"></use>
             <use xlink:href="/img/iconic-sprite.svg#box" ng-if="status=='archived'"></use>
             <use xlink:href="/img/iconic-sprite.svg#document" ng-if="status=='draft'"></use>
@@ -52,7 +52,7 @@
 
       <li ng-show="post.allowed_privileges.indexOf('update') !== -1 && postIsUnlocked()">
         <a ng-click="deletePost()">
-          <svg class="iconic">
+          <svg class="iconic" role="img">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
           </svg>
           <span class="label" translate="nav.delete">Delete</span>
diff --git a/app/main/posts/common/post-lock.html b/app/main/posts/common/post-lock.html
index bb539a8246..460179091a 100644
--- a/app/main/posts/common/post-lock.html
+++ b/app/main/posts/common/post-lock.html
@@ -1,6 +1,6 @@
 <div class="message message-alt active" ng-show="showLockMessage()">
     <div class="message-image error">
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#lock-locked"></use>
         </svg>
     </div>
@@ -12,4 +12,4 @@
              <button class="button button-alpha" translate="post.locking.unlock" ng-click="unlock()">Unlock</button>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/app/main/posts/common/post-metadata.html b/app/main/posts/common/post-metadata.html
index f903be9a9a..2c532720fb 100644
--- a/app/main/posts/common/post-metadata.html
+++ b/app/main/posts/common/post-metadata.html
@@ -1,6 +1,6 @@
 <ul class="metadata">
       <div class="listing-item-locked locked" ng-show="$parent.isPostLocked()">
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#lock-locked"></use>
         </svg>
       </div>
diff --git a/app/main/posts/detail/add-form.html b/app/main/posts/detail/add-form.html
index 75858df141..41c4e58f94 100644
--- a/app/main/posts/detail/add-form.html
+++ b/app/main/posts/detail/add-form.html
@@ -22,7 +22,7 @@ <h3 class="form-sheet-title" translate>post.unstructured.add_survey.title</h3>
     <div class="form-field">
       <button class="button-alpha" type="submit">
         <span class="button-label" translate>post.unstructured.add_survey.save_and_edit</span>
-        <svg class="iconic">
+        <svg class="iconic" role="img">
           <use xlink:href="/img/iconic-sprite.svg#arrow-right"></use>
         </svg>
       </button>
diff --git a/app/main/posts/detail/post-detail-data.html b/app/main/posts/detail/post-detail-data.html
index 38d94dcfca..5634ab2294 100644
--- a/app/main/posts/detail/post-detail-data.html
+++ b/app/main/posts/detail/post-detail-data.html
@@ -2,7 +2,7 @@
   <layout-class layout="d"></layout-class>
   <article class="postcard" role="article">
     <button class="button-beta button-flat postcard-close" ng-click="close()">
-      <svg class="iconic">
+      <svg class="iconic" role="img">
         <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#x"></use>
       </svg>
     </button>
diff --git a/app/main/posts/detail/post-messages.html b/app/main/posts/detail/post-messages.html
index bfa257d90f..95778224a9 100644
--- a/app/main/posts/detail/post-messages.html
+++ b/app/main/posts/detail/post-messages.html
@@ -5,8 +5,8 @@ <h3 class="listing-heading" translate>post.messages.title</h3>
       <div class="listing-item-primary">
         <div class="listing-item-image" ng-if="message.direction == 'outgoing'">
             <img alt="user avatar" src="//www.gravatar.com/avatar/{{ message.user.gravatar || '00000000000000000000000000000000' }}?d=retro&s=40" class="avatar">
-            <svg class="iconic">
-                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#arrow-thick-left"></use>
+            <svg class="iconic" role="img">
+3                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#arrow-thick-left"></use>
             </svg>
         </div>
       <h2 class="listing-item-title">
@@ -36,7 +36,7 @@ <h2 class="listing-item-title">
     <div class="listing-item-primary">
       <h2 class="listing-item-title">
         <a href="" class="button button-flat" ng-click="reply()">
-          <svg class="iconic">
+          <svg class="iconic" role="img">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#plus"></use>
           </svg>
           {{ 'post.messages.send' | translate }}
diff --git a/app/main/posts/detail/post-value.html b/app/main/posts/detail/post-value.html
index 1e4368c811..fe7ec84888 100644
--- a/app/main/posts/detail/post-value.html
+++ b/app/main/posts/detail/post-value.html
@@ -7,7 +7,7 @@ <h2 class="form-label">
 
       <div ng-if="attribute.input === 'tags'">
        <p>
-        <svg class="iconic" style="margin-right:4px;">
+        <svg class="iconic" role="img" style="margin-right:4px;">
             <use xlink:href="/img/iconic-sprite.svg#tag"></use>
         </svg>
           <bdi>{{value}}</bdi>
diff --git a/app/main/posts/modify/location.html b/app/main/posts/modify/location.html
index fbd072dacc..42e5b83517 100644
--- a/app/main/posts/modify/location.html
+++ b/app/main/posts/modify/location.html
@@ -16,7 +16,7 @@
             <div id="searchbar-results" class="searchbar-results dropdown-menu init">
                 <div class="form-field" embed-only=false>
                     <button class="button-beta button-plain" ng-click="chooseCurrentLocation()" ng-if="showCurrentPositionControl" >
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use
                                 xmlns:xlink="http://www.w3.org/1999/xlink"
                                 xlink:href="/img/iconic-sprite.svg#location">
@@ -29,7 +29,7 @@
                     <h6 class="tool-heading" translate>location.search_results</h6>
                     <dl ng-repeat="result in searchResults" ng-if="!processing && searchResults.length > 0">
                         <dt class="list-item" ng-click="chooseLocation(result)">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use
                                     xmlns:xlink="http://www.w3.org/1999/xlink"
                                     xlink:href="/img/iconic-sprite.svg#map-marker">
@@ -66,7 +66,7 @@ <h6 class="tool-heading" translate>location.search_results</h6>
       <input id="long" type="text" ng-model="manualModel.lon">
    </div>
    <button type="button" class="button-primary" ng-click="updateMapFromLatLon(manualModel.lat, manualModel.lon)">
-        <svg class="iconic">
+        <svg class="iconic" role="img">
        <use
                                 xmlns:xlink="http://www.w3.org/1999/xlink"
                                 xlink:href="/img/iconic-sprite.svg#location">
diff --git a/app/main/posts/modify/media.html b/app/main/posts/modify/media.html
index d9a59912ea..e6ec4c09f4 100644
--- a/app/main/posts/modify/media.html
+++ b/app/main/posts/modify/media.html
@@ -5,7 +5,7 @@
       </file-upload>
 
       <label for="{{name}}" class="button button-gamma" ng-show="showAdd()">
-          <svg class="iconic">
+          <svg class="iconic" role="img">
               <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#plus"></use>
           </svg>
           <span class="button-label" translate="post.media.add_photo"></span>
@@ -17,7 +17,7 @@
 
         <div class="form-field">
           <button class="button-destructive" ng-click="deleteMedia(media.id)" ng-show="showDelete()">
-            <svg class="iconic">
+            <svg class="iconic" role="img">
               <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
             </svg>
              <span class="hidden" translate="post.media.delete_photo"></span>
@@ -25,7 +25,7 @@
 
           <file-upload id="{{name}}" validation="'image'" container="media" model="mediaId"></file-upload>
             <label for="{{name}}" class="button button-gamma">
-              <svg class="iconic">
+              <svg class="iconic" role="img">
                   <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#image"></use>
               </svg>
               <span class="button-label" translate="post.media.replace_image"></span>
diff --git a/app/main/posts/modify/post-data-editor.html b/app/main/posts/modify/post-data-editor.html
index 9ad55a77b8..6f87f28f26 100644
--- a/app/main/posts/modify/post-data-editor.html
+++ b/app/main/posts/modify/post-data-editor.html
@@ -24,7 +24,7 @@
               <option ng-repeat="form in forms" ng-value="form">{{form.name}}</option>
             </select>
           <div class="alert error" ng-show="editForm.form.$dirty" ng-repeat="(error, value) in editForm.form.$error">
-            <svg class="iconic">
+            <svg class="iconic" role="img">
               <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
             </svg>
             <p translate="{{'post.valid.content.' + error}}"></p>
diff --git a/app/main/posts/modify/post-datetime-value.html b/app/main/posts/modify/post-datetime-value.html
index f7df48cf89..aa657adad7 100644
--- a/app/main/posts/modify/post-datetime-value.html
+++ b/app/main/posts/modify/post-datetime-value.html
@@ -1,7 +1,7 @@
 <div>
   <div class="form-field date">
     <div class="input-with-icon">
-      <svg class="iconic">
+      <svg class="iconic" role="img">
         <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#calendar"></use>
       </svg>
       <input
@@ -13,7 +13,7 @@
   </div>
   <div class="form-field date">
     <div class="input-with-icon">
-      <svg class="iconic">
+      <svg class="iconic" role="img">
         <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#clock"></use>
       </svg>
       <input
diff --git a/app/main/posts/modify/post-editor.html b/app/main/posts/modify/post-editor.html
index 2a4a805e44..3009f9385d 100644
--- a/app/main/posts/modify/post-editor.html
+++ b/app/main/posts/modify/post-editor.html
@@ -11,7 +11,7 @@ <h1 class="mode-context-title"><bdi linkify>{{post.form.name}}</bdi></h1>
     </header>
 
     <span class="mode-context-trigger" dropdown-toggle>
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
         </svg>
         <span class="label hidden" translate="app.show_more_less">Show more/less</span>
diff --git a/app/main/posts/modify/post-toolbox.html b/app/main/posts/modify/post-toolbox.html
index 089d927a70..970b4839e9 100644
--- a/app/main/posts/modify/post-toolbox.html
+++ b/app/main/posts/modify/post-toolbox.html
@@ -5,7 +5,7 @@
       <legend class="dropdown-trigger init" data-toggle="dropdown-menu" dropdown-toggle>
         <span class="legend-label">
           <span class="custom-fieldset-value">
-            <svg class="iconic">
+            <svg class="iconic" role="img">
             <use xlink:href="/img/iconic-sprite.svg#globe" ng-if="post.status=='published'"></use>
             <use xlink:href="/img/iconic-sprite.svg#document" ng-if="post.status=='draft'"></use>
             <use xlink:href="/img/iconic-sprite.svg#box" ng-if="post.status=='archived'"></use>
@@ -29,7 +29,7 @@
              ng-click="changeStatus(status)"
              >
           <label for="{{status}}">
-          <svg class="iconic">
+          <svg class="iconic" role="img">
             <use xlink:href="/img/iconic-sprite.svg#globe" ng-if="status=='published'"></use>
             <use xlink:href="/img/iconic-sprite.svg#document" ng-if="status=='draft'"></use>
             <use xlink:href="/img/iconic-sprite.svg#box" ng-if="status=='archived'"></use>
@@ -50,7 +50,7 @@
     <h6 class="tool-heading" translate="post.author">Author</h6>
 
     <span class="tool-trigger init" data-toggle="dropdown-menu" dropdown-toggle ng-click="loadAuthorFormDefaults()">
-      <svg class="iconic">
+      <svg class="iconic" role="img">
         <use xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
       </svg>
       <span class="label hidden">Show/hide</span>
@@ -83,7 +83,7 @@ <h2 class="listing-item-title">{{ post.author_realname }}</h2>
     <h6 class="tool-heading" translate="post.post_date">Post date</h6>
 
     <span class="tool-trigger init" data-toggle="dropdown-menu" dropdown-toggle>
-      <svg class="iconic">
+      <svg class="iconic" role="img">
         <use xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
       </svg>
       <span class="label hidden">Show/hide</span>
diff --git a/app/main/posts/modify/post-value-edit.html b/app/main/posts/modify/post-value-edit.html
index 4554067ec9..c85283c9c8 100644
--- a/app/main/posts/modify/post-value-edit.html
+++ b/app/main/posts/modify/post-value-edit.html
@@ -24,7 +24,7 @@
                 ng-show="form.title.$dirty"
                 ng-repeat="(error, value) in form.title.$error"
             >
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                 </svg>
                 <span translate="{{'post.valid.title.' + error}}"></span>
@@ -51,7 +51,7 @@
             </textarea>
 
             <div class="alert error" ng-show="form.content.$dirty" ng-repeat="(error, value) in form.content.$error">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                 </svg>
                 <span translate="{{'post.valid.content.' + error}}"></span>
@@ -88,7 +88,7 @@
                     <div ng-switch-when="date" >
                         <!-- Date icon -->
                         <div class="input-with-icon">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#calendar"></use>
                             </svg>
                             <input
@@ -212,7 +212,7 @@
                         ng-required="attribute.required"
                     ></post-video-input>
                     <div class="alert error" ng-switch-when="video" ng-show="form.$error.videoUrlValidation && taskIsMarkedCompleted() ">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                         </svg>
                         <span translate="{{'post.video.enter_a_url'}}"></span>
@@ -220,7 +220,7 @@
                 </div>
             </div>
             <div class="alert error" ng-show="form['values_' + attribute.id].$dirty && taskIsMarkedCompleted()" ng-repeat="(error, value) in form['values_' + attribute.id].$error">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                 </svg>
                 <span translate="{{'post.valid.values.' + error}}" translate-values="{ label : attribute.label }"></span>
@@ -299,7 +299,7 @@
                     ></post-category-editor>
                 </div>
                 <div class="alert error" ng-show="form['values_' + attribute.id].$dirty && taskIsMarkedCompleted()" ng-repeat="(error, value) in form['values_' + attribute.id].$error">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                     </svg>
                     <span translate="{{'post.valid.values.' + error}}" translate-values="{ label : attribute.label }"></span>
diff --git a/app/main/posts/modify/relation.html b/app/main/posts/modify/relation.html
index 676abe41e5..12f56b0933 100644
--- a/app/main/posts/modify/relation.html
+++ b/app/main/posts/modify/relation.html
@@ -14,7 +14,7 @@
 				</button>
     </div>
 		<div class="alert error" ng-if="noResults">
-				<svg class="iconic">
+				<svg class="iconic" role="img">
 					<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
 				</svg>
 				<p translate="post.no_search_results">Your search didn't match any posts</p>
diff --git a/app/main/posts/savedsearches/mode-context.html b/app/main/posts/savedsearches/mode-context.html
index 287533bd1c..d500c0a8a1 100644
--- a/app/main/posts/savedsearches/mode-context.html
+++ b/app/main/posts/savedsearches/mode-context.html
@@ -4,7 +4,7 @@
             <li><a href="/">{{nav.site.name}}</a></li>
         </ol>
         <h1 class="mode-context-title">
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#star"></use>
             </svg>
             {{savedSearch.name}}
@@ -12,7 +12,7 @@ <h1 class="mode-context-title">
     </header>
 
     <span class="mode-context-trigger" dropdown-toggle>
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
         </svg>
         <span class="label hidden" translate>app.show_more_less</span>
@@ -26,13 +26,13 @@ <h1 class="mode-context-title">
         <ul class="metadata">
             <li>
                 <span class="status-indicator public tooltip" ng-if="!savedSearch.role">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                       <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#globe"></use>
                     </svg>
                     <span class="bug" translate="saved_search.visible_to_public">This saved search is visible to the public</span>
                 </span>
                 <span class="status-indicator yellow tooltip" ng-if="savedSearch.role">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                       <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#globe"></use>
                     </svg>
                     <span class="bug" translate="saved_search.visible_to_roles" translate-values="{ roles: savedSearch.role.join(', ') }">This saved search is visible to ...</span>
@@ -48,14 +48,14 @@ <h1 class="mode-context-title">
         <!--// IF: User has permission to edit the Saved Search //-->
         <div class="form-field" ng-if="canEdit" dropdown>
             <button type="button" data-modal="edit-savedSearch" ng-click="editSavedSearch()">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#pencil"></use>
                 </svg>
                 <span class="button-label" translate>app.edit</span>
             </button>
 
             <button type="button" data-toggle="dropdown-menu" class="init" dropdown-toggle>
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#ellipses"></use>
                 </svg>
                 <span class="button-label hidden" translate>app.more</span>
@@ -63,7 +63,7 @@ <h1 class="mode-context-title">
             <ul class="dropdown-menu init" dropdown-menu>
                 <li ng-if="showNotificationLink">
                     <a ng-click="saveNotification(savedSearch)">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#bell"></use>
                         </svg>
                         <span class="label" ng-click="saveNotification(savedSearch)" translate="app.get_notifications">Get notifications</span>
@@ -71,7 +71,7 @@ <h1 class="mode-context-title">
                 </li>
                 <li ng-if="!showNotificationLink">
                     <a ng-click="removeNotification(savedSearch)">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#bell"></use>
                         </svg>
                         <span class="label" translate="app.turn_off_notifications">Turn off notifications</span>
@@ -79,7 +79,7 @@ <h1 class="mode-context-title">
                 </li>
                 <li>
                     <a ng-click="deleteSavedSearch()">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                         </svg>
                         <span class="label" translate="app.delete"></span>
@@ -93,7 +93,7 @@ <h1 class="mode-context-title">
         <div class="form-field" ng-if="!canEdit && $root.loggedin">
             <!-- // IF: User is not yet getting notifications about this Saved Search //-->
             <button type="button" ng-if="showNotificationLink" ng-click="saveNotification(savedSearch)">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#bell"></use>
                 </svg>
                 <span class="button-label" translate="app.get_notifications">Get notifications</span>
@@ -102,7 +102,7 @@ <h1 class="mode-context-title">
             <!--// ELSE //-->
 
             <button type="button" ng-if="!showNotificationLink" class="button-flat">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#bell"></use>
                 </svg>
                 <span class="button-label" translate="app.turn_off_notifications">Turn off notifications</span>
@@ -113,7 +113,7 @@ <h1 class="mode-context-title">
         <div class="form-field">
             <!-- mode context is only available in the map so we are always sending you back to it in the return to all posts feature -->
             <a ng-click="clearFilters()" type="button" class="button-link">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#arrow-left"></use>
                 </svg>
                 <span class="button-label" translate="app.return_to_all_posts">Return to all posts</span>
diff --git a/app/main/posts/savedsearches/saved-search-modal.html b/app/main/posts/savedsearches/saved-search-modal.html
index c7304bf830..941d96d707 100644
--- a/app/main/posts/savedsearches/saved-search-modal.html
+++ b/app/main/posts/savedsearches/saved-search-modal.html
@@ -1,7 +1,7 @@
 <div class="form-field">
     <label class="hidden" translate="set.find_a_saved_search">Find a saved search</label>
     <div class="input-with-icon">
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xlink:href="/img/iconic-sprite.svg#magnifying-glass"></use>
         </svg>
         <input
@@ -37,7 +37,7 @@ <h2 class="listing-item-title"><a href="#" ng-click="goToSearch(search)">{{searc
                 <button type="button"
                     class="button-beta"
                     ng-click="createNewSearch()">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                         <use xlink:href="/img/iconic-sprite.svg#plus"></use>
                     </svg>
                     <span class="button-label" translate="app.create_new">Create new</span>
diff --git a/app/main/posts/savedsearches/savedsearch-editor.html b/app/main/posts/savedsearches/savedsearch-editor.html
index 6eca3bec1e..9a511c27de 100644
--- a/app/main/posts/savedsearches/savedsearch-editor.html
+++ b/app/main/posts/savedsearches/savedsearch-editor.html
@@ -31,7 +31,7 @@
         <label for="saved-search-featured">
             <translate translate="saved_search.featured">Featured</translate>
             <span class="tooltip">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#question-mark"></use>
                 </svg>
                 <span class="bug" translate="saved_search.featured_tooltip">Featured searches appear to all users in <br>the "Saved Searches" menu</span>
diff --git a/app/main/posts/views/add-post-button.html b/app/main/posts/views/add-post-button.html
index 253f17335d..441b4ac95c 100644
--- a/app/main/posts/views/add-post-button.html
+++ b/app/main/posts/views/add-post-button.html
@@ -1,6 +1,6 @@
 <div class="fab" ng-class="{'upgrade-button': upgradeButton}" data-message="add-post">
     <button type="button" class="button-alpha button-fab" ng-click="handleClick()" ng-disabled="disabled" ng-class="{'ng-hide': $parent.$parent.bulkActionsSelected || editMode()}">
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xlink:href="/img/iconic-sprite.svg#plus"></use>
             <foreignObject>
                 <img class="icon" src="/img/icons/png/plus-2x.png">
diff --git a/app/main/posts/views/add-post-text-button.html b/app/main/posts/views/add-post-text-button.html
index 140699cfd9..e4a63025e5 100644
--- a/app/main/posts/views/add-post-text-button.html
+++ b/app/main/posts/views/add-post-text-button.html
@@ -1,5 +1,5 @@
 <button type="button" class="button-alpha button-dropdown init" ng-click="toggleButton()"  ng-class="{ 'active': buttonToggle }">
-    <svg class="iconic">
+    <svg class="iconic" role="img">
         <use xlink:href="/img/iconic-sprite.svg#plus"></use>
         <foreignObject>
             <img class="icon" src="/img/icons/png/plus-2x.png">
diff --git a/app/main/posts/views/filter-by-datasource.html b/app/main/posts/views/filter-by-datasource.html
index aeb3fd7a6b..77b79d268b 100644
--- a/app/main/posts/views/filter-by-datasource.html
+++ b/app/main/posts/views/filter-by-datasource.html
@@ -22,7 +22,7 @@
             </div>
             <span class="survey-filter-total init" data-toggle="dropdown-menu" dropdown-toggle>
                 {{provider.total}}
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
                 </svg>
             </span>
@@ -59,7 +59,7 @@
                     <li ng-if="featureEnabled()">
                         <div>
                             <a href="/settings/datasources">
-                                <svg class="iconic">
+                                <svg class="iconic" role="img">
                                     <use xlink:href="/img/iconic-sprite.svg#pencil"></use>
                                 </svg>
                                 <span class="label">Edit {{provider.label}}</span>
diff --git a/app/main/posts/views/filters/active-search-filters.html b/app/main/posts/views/filters/active-search-filters.html
index 2064a5731c..5eba672b7a 100644
--- a/app/main/posts/views/filters/active-search-filters.html
+++ b/app/main/posts/views/filters/active-search-filters.html
@@ -1,6 +1,6 @@
 <div class="form-field saved-search" ng-show="collection">
     <span class="bug">
-        <svg class="iconic" ng-click="removeCollection(collection, $event)">
+        <svg class="iconic" role="img" ng-click="removeCollection(collection, $event)">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
         </svg>
         <span><em><translate translate="app.collection"></translate>: </em><bdi>{{collection.name}}<bdi></span>
@@ -8,7 +8,7 @@
 </div>
 <div class="form-field saved-search" ng-show="savedSearch">
     <span class="bug">
-        <svg class="iconic" ng-click="removeSavedSearch(savedSearch, $event)">
+        <svg class="iconic" role="img" ng-click="removeSavedSearch(savedSearch, $event)">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
         </svg>
         <span><em><translate translate="app.saved_search"></translate>: </em><bdi>{{savedSearch.name | translate}}</bdi></span>
@@ -16,7 +16,7 @@
     <div ng-repeat="(key, values) in savedSearch.filter">
         <span ng-if="isArray(values)">
             <span class="bug saved-search-filter" ng-repeat="value in values track by $index ">
-                <svg class="iconic" ng-click="removeFilter(key, value, savedSearch, $event)">
+                <svg class="iconic" role="img" ng-click="removeFilter(key, value, savedSearch, $event)">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
                 </svg>
                 <span><em><translate translate="global_filter.filter_tabs.{{key}}"></translate>:</em> <bdi>{{ transformFilterValue(value, key) }}</bdi></span>
@@ -24,7 +24,7 @@
         </span>
         <span ng-if="!isArray(values)">
             <span class="bug saved-search-filter">
-                <svg class="iconic" ng-click="removeFilter(key, values, savedSearch, $event)">
+                <svg class="iconic" role="img" ng-click="removeFilter(key, values, savedSearch, $event)">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
                 </svg>
                 <span><em><translate translate="global_filter.filter_tabs.{{key}}"></translate>:</em> <bdi>{{ transformFilterValue(values, key) }}</bdi></span>
@@ -36,7 +36,7 @@
     <div ng-repeat="(key, values) in uiFilters" class="inline-filters">
         <span ng-if="isArray(values)">
             <span class="bug" ng-repeat="value in values track by $index" >
-                <svg class="iconic" ng-click="removeFilter(key, value, false, $event)">
+                <svg class="iconic" role="img" ng-click="removeFilter(key, value, false, $event)">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
                 </svg>
                 <span><em><translate translate="global_filter.filter_tabs.{{key}}"></translate>:</em> <bdi>{{ transformFilterValue(value, key) }}</bdi></span>
@@ -44,7 +44,7 @@
         </span>
         <span ng-if="!isArray(values)">
             <span class="bug">
-                <svg class="iconic" ng-click="removeFilter(key, values, false, $event)">
+                <svg class="iconic" role="img" ng-click="removeFilter(key, values, false, $event)">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
                 </svg>
                 <span><em><translate translate="global_filter.filter_tabs.{{key}}"></translate>:</em> <bdi>{{ transformFilterValue(values, key) }}</bdi></span>
diff --git a/app/main/posts/views/filters/filter-date.html b/app/main/posts/views/filters/filter-date.html
index bec6b7069f..873dbc82fb 100644
--- a/app/main/posts/views/filters/filter-date.html
+++ b/app/main/posts/views/filters/filter-date.html
@@ -3,7 +3,7 @@
     <div class="form-field date">
         <label id="date-after" class="hidden" translate="global_filter.filter_tabs.created_after">Start date</label>
         <div class="input-with-icon">
-            <svg class="iconic">
+            <svg class="iconic" role="img">
               <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#calendar"></use>
             </svg>
             <input type="date" pick-a-date="dateAfter" pick-a-date-options="options" placeholder="{{ 'global_filter.filter_tabs.created_after' | translate }}" ng-model="dateAfterModel" aria-labelledby="date-after" />
@@ -16,7 +16,7 @@
     <div class="form-field date">
         <label id="date-before" class="hidden" translate="global_filter.filter_tabs.created_before">End date</label>
         <div class="input-with-icon">
-            <svg class="iconic">
+            <svg class="iconic" role="img">
               <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#calendar"></use>
             </svg>
         <input type="date" pick-a-date="dateBefore" pick-a-date-options="options" placeholder="{{ 'global_filter.filter_tabs.created_before' | translate }}" ng-model="dateBeforeModel" aria-labelledby="date-before">
diff --git a/app/main/posts/views/filters/filter-location.html b/app/main/posts/views/filters/filter-location.html
index a3818f0d68..505c746bcb 100644
--- a/app/main/posts/views/filters/filter-location.html
+++ b/app/main/posts/views/filters/filter-location.html
@@ -4,7 +4,7 @@
     <div class="form-field">
         <div class="input-with-icon">
             <input type="text" style="padding-left: 24px;" placeholder="{{ 'global_filter.location_placeholder' | translate }}" ng-model="locationSearchText">
-            <svg class="iconic" style="left: 8px;">
+            <svg class="iconic" role="img" style="left: 8px;">
               <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#location"></use>
             </svg>
         </div>
diff --git a/app/main/posts/views/filters/filter-posts.html b/app/main/posts/views/filters/filter-posts.html
index 632de84f37..90ccc83af9 100644
--- a/app/main/posts/views/filters/filter-posts.html
+++ b/app/main/posts/views/filters/filter-posts.html
@@ -26,10 +26,10 @@
                     ng-keyup="toggleDropdown($event)"
                     ng-keypress="toggleDropdown($event)"
                 >
-                <svg class="iconic" ng-show="!postFiltersFormOpen.q.$viewValue.length">
+                <svg class="iconic" role="img" ng-show="!postFiltersFormOpen.q.$viewValue.length">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#magnifying-glass"></use>
                 </svg>
-                <svg class="iconic" ng-click="removeQueryFilter()" ng-show="postFiltersFormOpen.q.$viewValue.length">
+                <svg class="iconic" role="img" ng-click="removeQueryFilter()" ng-show="postFiltersFormOpen.q.$viewValue.length">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#circle-x"></use>
                 </svg>
             </div>
diff --git a/app/main/posts/views/filters/filter-source.html b/app/main/posts/views/filters/filter-source.html
index 26142d6638..224397585d 100644
--- a/app/main/posts/views/filters/filter-source.html
+++ b/app/main/posts/views/filters/filter-source.html
@@ -27,7 +27,7 @@
     </div>
 
     <span class="form-field-toggle">
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
         </svg>
         <span translate="nav.more">More</span>
diff --git a/app/main/posts/views/filters/filter-status.html b/app/main/posts/views/filters/filter-status.html
index 419c214812..037bae09a7 100644
--- a/app/main/posts/views/filters/filter-status.html
+++ b/app/main/posts/views/filters/filter-status.html
@@ -4,13 +4,13 @@
     <div class="form-field checkbox icon-input" ng-repeat="(index, status) in statuses">
 
       <label>
-        <svg class="iconic" ng-if="status == 'published'">
+        <svg class="iconic" role="img" ng-if="status == 'published'">
           <use xlink:href="/img/iconic-sprite.svg#globe"></use>
         </svg>
-        <svg class="iconic" ng-if="status == 'draft'">
+        <svg class="iconic" role="img" ng-if="status == 'draft'">
           <use xlink:href="/img/iconic-sprite.svg#document"></use>
         </svg>
-        <svg class="iconic" ng-if="status == 'archived'">
+        <svg class="iconic" role="img" ng-if="status == 'archived'">
           <use xlink:href="/img/iconic-sprite.svg#box"></use>
         </svg>
 
diff --git a/app/main/posts/views/filters/filter-visible-to.html b/app/main/posts/views/filters/filter-visible-to.html
index 226f210fb4..3fdb8b5f3d 100644
--- a/app/main/posts/views/filters/filter-visible-to.html
+++ b/app/main/posts/views/filters/filter-visible-to.html
@@ -20,7 +20,7 @@
         </label>
     </div>
     <span class="form-field-toggle">
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
         </svg>
         <span translate="nav.more">More</span>
diff --git a/app/main/posts/views/filters/sort-and-filter-counter.html b/app/main/posts/views/filters/sort-and-filter-counter.html
index 7bed21169d..a406330361 100644
--- a/app/main/posts/views/filters/sort-and-filter-counter.html
+++ b/app/main/posts/views/filters/sort-and-filter-counter.html
@@ -2,6 +2,6 @@
     <span class="badge iconic">{{filtersCount}}</span>
     <span translate>app.sort_filter</span>
 </span>
-<svg class="iconic">
+<svg class="iconic" role="img">
     <use xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/app/main/posts/views/mode-context-form-filter.html b/app/main/posts/views/mode-context-form-filter.html
index 6d20c0d266..22c505980c 100644
--- a/app/main/posts/views/mode-context-form-filter.html
+++ b/app/main/posts/views/mode-context-form-filter.html
@@ -12,14 +12,14 @@
              <span class="survey-filter-total init" data-toggle="dropdown-menu" dropdown-toggle>
                 <!-- todo! show count -->
                 {{ form.post_count }}
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
                 </svg>
             </span>
             <ul class="dropdown-menu init" dropdown-menu>
                 <li ng-show="canAddToSurvey(form)">
                     <a ui-sref="postCreate({id: form.id })">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#plus"></use>
                         </svg>
                         <span class="label" translate="post.add_to_form" translate-values="{ form: form.name }">Add to</span>
@@ -31,7 +31,7 @@
                 <div class="divider"></div>
                 <li ng-show="hasManageSettingsPermission()">
                     <a ui-sref="settings.surveys.id({id: form.id, action: 'edit'})">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#cog"></use>
                         </svg>
                         <span class="label" translate="nav.survey_settings">Survey settings</span>
@@ -51,7 +51,7 @@
 </div>
 <div class="form-field" ng-show="hasManageSettingsPermission()">
     <a ui-sref="settings.surveys.create" class="button button-link">
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xlink:href="/img/iconic-sprite.svg#plus"></use>
         </svg>
         <span class="button-label" translate="app.create_new_survey">Create new survey</span>
diff --git a/app/main/posts/views/mode-context.html b/app/main/posts/views/mode-context.html
index 60ee3ba8ac..19476dcffd 100644
--- a/app/main/posts/views/mode-context.html
+++ b/app/main/posts/views/mode-context.html
@@ -5,7 +5,7 @@ <h1 class="mode-context-title"><a href="/" ng-bind="nav.site.name"></a></h1>
     </header>
 
     <span class="mode-context-trigger" dropdown-toggle>
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
         </svg>
         <span class="label hidden" translate>app.show_more_less</span>
diff --git a/app/main/posts/views/post-view-data.html b/app/main/posts/views/post-view-data.html
index 83eb874d23..531ed40ba6 100644
--- a/app/main/posts/views/post-view-data.html
+++ b/app/main/posts/views/post-view-data.html
@@ -27,14 +27,14 @@ <h1 class="mode-context-title"><a href="/" ng-bind="nav.site.name"></a></h1>
               <span dropdown ng-if="userHasBulkActionPermissions()">
                 <button class="button-beta init" data-toggle="toggle-content" dropdown-toggle>
                   <span class="button-label" translate="app.mark_as">Mark as</span>
-                  <svg class="iconic">
+                  <svg class="iconic" role="img">
                     <use xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
                   </svg>
                 </button>
                 <ul class="dropdown-menu toggle-content init" dropdown-menu unpositioned="true">
                   <li ng-repeat="status in statuses">
                     <a ng-click="changeStatus(status)">
-                      <svg class="iconic">
+                      <svg class="iconic" role="img">
                         <use xlink:href="/img/iconic-sprite.svg#globe" ng-if="status=='published'"></use>
                         <use xlink:href="/img/iconic-sprite.svg#document" ng-if="status=='draft'"></use>
                         <use xlink:href="/img/iconic-sprite.svg#box" ng-if="status=='archived'"></use>
@@ -49,14 +49,14 @@ <h1 class="mode-context-title"><a href="/" ng-bind="nav.site.name"></a></h1>
 
               <collection-toggle-button selected-posts="selectedPosts" posts="posts" on-done="clearSelectedPosts()"></collection-toggle-button>
               <button type="button" class="button-destructive" ng-click="deletePosts()" ng-if="userHasBulkActionPermissions()">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                   <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                 </svg>
                 <span class="button-label hidden">nav.delete</span>
               </button>
 
               <button href="" ng-click="closeBulkActions()" class="button-link toolbar-close-button">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#x"></use>
                 </svg>
                 <span class="hidden">Close</span>
diff --git a/app/main/posts/views/share/post-share.html b/app/main/posts/views/share/post-share.html
index 5e0e3a0baa..bbabc613b6 100644
--- a/app/main/posts/views/share/post-share.html
+++ b/app/main/posts/views/share/post-share.html
@@ -4,7 +4,7 @@
 			<div class="line"></div>
 			<div class="line"></div>
 		</div>
-    <svg class="iconic" ng-hide="loading">
+    <svg class="iconic" role="img" ng-hide="loading">
       <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#share"></use>
     </svg>
 	<span ng-class="{'button-label': isButton(), 'label': !isButton()}" translate="app.share">
diff --git a/app/main/posts/views/share/share-menu.html b/app/main/posts/views/share/share-menu.html
index 32a4932fea..13e7115240 100644
--- a/app/main/posts/views/share/share-menu.html
+++ b/app/main/posts/views/share/share-menu.html
@@ -39,7 +39,7 @@ <h2 class="listing-item-title"><a target="_blank" ng-href="https://twitter.com/i
           <div dropdown-toggle>
             <div class="listing-item-secondary">
                 <button type="button" class="button-link listing-item-toggle">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                         <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
                     </svg>
                     <span class="button-label">Configure</span>
@@ -48,7 +48,7 @@ <h2 class="listing-item-title"><a target="_blank" ng-href="https://twitter.com/i
 
             <div class="listing-item-primary">
                 <div class="listing-item-image">
-                  <svg class="iconic">
+                  <svg class="iconic" role="img">
                       <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#code"></use>
                   </svg>
                 </div>
@@ -67,7 +67,7 @@ <h2 class="listing-item-title listing-item-toggle">Embed</h2>
       <div class="listing-item" ng-show="isExportable() && hasPermission">
           <div class="listing-item-primary">
               <div class="listing-item-image">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#external-link"></use>
                 </svg>
               </div>
diff --git a/app/settings/categories/categories-edit.html b/app/settings/categories/categories-edit.html
index 4923594116..e3a1650130 100644
--- a/app/settings/categories/categories-edit.html
+++ b/app/settings/categories/categories-edit.html
@@ -11,7 +11,7 @@ <h1 class="mode-context-title" ng-show="!category.id" translate>app.add_category
         </header>
 
         <span class="mode-context-trigger" dropdown-toggle>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
             <span class="label hidden" translate>app.show_more_less</span>
@@ -101,7 +101,7 @@ <h1 class="mode-context-title" ng-show="!category.id" translate>app.add_category
               <!-- Who can see and add -->
               <role-selector model="category" title="'app.who_can_see_this_category'" ng-show="!category.parent_id"></role-selector>
               <div class="form-field" ng-show="category.parent_id">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#people"></use>
                 </svg>
                 <span translate>category.child_permissions</span>
@@ -117,7 +117,7 @@ <h3 class="form-sheet-title" translate>category.delete_this_category</h3>
                  <p translate>category.delete_category_desc</p>
 
                  <button class="button-destructive" ng-click="deleteCategory(category)">
-                     <svg class="iconic">
+                     <svg class="iconic" role="img">
                          <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                      </svg>
                      <span class="button-label" translate>category.delete_category</span>
diff --git a/app/settings/categories/categories.html b/app/settings/categories/categories.html
index 97979a241b..48c3ea89f2 100644
--- a/app/settings/categories/categories.html
+++ b/app/settings/categories/categories.html
@@ -10,7 +10,7 @@ <h1 class="mode-context-title" translate>app.categories</h1>
         </header>
 
         <span class="mode-context-trigger" dropdown-toggle>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
             <span class="label hidden" translate>app.show_more_less</span>
@@ -22,7 +22,7 @@ <h1 class="mode-context-title" translate>app.categories</h1>
         <div class="toolbar">
             <div class="fab">
                 <a ui-sref="settings.categories.create" type="button" class="button button-alpha button-fab" role="button" ng-class="{'disabled': selectedCategories.length}">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                       <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#plus"></use>
                     </svg>
                     <span class="hidden" translate>category.add_category</span>
@@ -49,7 +49,7 @@ <h2 class="listing-item-title"><a ui-sref="settings.categories.edit({id: categor
                     </div>
                     <div class="listing-item-secondary">
                         <button class="button-beta button-flat" ng-click="deleteCategory(category)">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                             </svg>
                             <span class="hidden">Delete</span>
@@ -67,7 +67,7 @@ <h2 class="listing-item-title"><a ui-sref="settings.categories.edit({id: child.i
                         </div>
                         <div class="listing-item-secondary">
                             <button class="button-beta button-flat" ng-click="deleteCategory(child)">
-                                <svg class="iconic">
+                                <svg class="iconic" role="img">
                                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                                 </svg>
                                 <span class="hidden">Delete</span>
@@ -78,7 +78,7 @@ <h2 class="listing-item-title"><a ui-sref="settings.categories.edit({id: child.i
 
                 <listing-toolbar entities="allCategories" selected-set="selectedCategories">
                     <button type="button" class="button-destructive" ng-disabled="!selectedCategories.length" ng-click="deleteCategories()">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                         </svg>
                         <span class="button-label hidden">nav.delete</span>
diff --git a/app/settings/data-export/data-export.html b/app/settings/data-export/data-export.html
index 3082c9a5fa..3e81e589be 100644
--- a/app/settings/data-export/data-export.html
+++ b/app/settings/data-export/data-export.html
@@ -11,7 +11,7 @@ <h1 class="mode-context-title" translate>data_export.export</h1>
        </header>
 
        <span class="mode-context-trigger" dropdown-toggle>
-           <svg class="iconic">
+           <svg class="iconic" role="img">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
            </svg>
            <span class="label hidden" translate>app.show_more_less</span>
@@ -36,20 +36,20 @@ <h2 class="form-sheet-title" translate>
                     <p ng-show="!showProgress && hxlEnabled">
                         {{'data_export.description_hxl' | translate}}
                         <a href="https://hxlstandard.org/standard/1-1final/tagging/" class="link-blue" target="_blank">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use xlink:href="/img/iconic-sprite.svg#external-link"></use>
                             </svg>
                             {{'data_export.hxl_tags' | translate}}
                         </a>,
                         <a href="https://hxlstandard.org/standard/1-1final/dictionary/" class="link-blue" target="_blank">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use xlink:href="/img/iconic-sprite.svg#external-link"></use>
                             </svg>
                             {{'data_export.hxl_attributes' | translate}}
                         </a>
                         {{'data_export.and_choose' | translate}}
                         <a href="https://data.humdata.org/" class="link-blue" target="_blank">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use xlink:href="/img/iconic-sprite.svg#external-link"></use>
                             </svg>
                             {{'data_export.HDX' | translate}}
diff --git a/app/settings/data-export/hdx-details.html b/app/settings/data-export/hdx-details.html
index 2119cb9c8f..77ae28f63f 100644
--- a/app/settings/data-export/hdx-details.html
+++ b/app/settings/data-export/hdx-details.html
@@ -10,7 +10,7 @@ <h1 class="mode-context-title" translate>nav.export</h1>
         </header>
 
         <span class="mode-context-trigger" dropdown-toggle>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
         <span class="label hidden" translate>app.show_more_less</span>
@@ -69,7 +69,7 @@ <h3 translate="data_export.dataset">Dataset Title & Description</h3>
                         ng-show="metadata.title.$invalid && metadata.title.$dirty"
                         ng-repeat="(error, value) in metadata.title.$error"
                     >
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                         </svg>
                         <p translate="{{'data_export.validation.title'}}"></p>
@@ -92,7 +92,7 @@ <h3 translate="data_export.metadata_title">Metadata</h3>
                         ng-show="metadata.source.$invalid && metadata.source.$dirty"
                         ng-repeat="(error, value) in metadata.source.$error"
                     >
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                         </svg>
                         <p translate="{{'data_export.validation.source.' + error}}"></p>
@@ -115,7 +115,7 @@ <h3 translate="data_export.metadata_title">Metadata</h3>
                         ng-show="metadata.organisation.$invalid && metadata.organisation.$dirty"
                         ng-repeat="(error, value) in metadata.organisation.$error"
                     >
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                         </svg>
                         <p translate="{{'data_export.validation.organisation'}}"></p>
@@ -134,7 +134,7 @@ <h3 translate="data_export.metadata_title">Metadata</h3>
                         </select>
                     </div>
                     <a href="#" class="link-blue">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xlink:href="/img/iconic-sprite.svg#external-link"></use>
                         </svg>
                         {{'data_export.read_more_licenses' | translate}}
@@ -144,7 +144,7 @@ <h3 translate="data_export.metadata_title">Metadata</h3>
                         ng-show="metadata.license.$invalid && metadata.license.$dirty"
                         ng-repeat="(error, value) in metadata.license.$error"
                     >
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                         </svg>
                         <p translate="{{'data_export.validation.license'}}"></p>
@@ -155,7 +155,7 @@ <h3 translate="data_export.metadata_title">Metadata</h3>
                     class="form-field alert error"
                     ng-show="error"
                 >
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                         <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                     </svg>
                     <p translate="data_export.validation.all_fields">Please fill in all required fields</p>
diff --git a/app/settings/data-export/hdx-export.html b/app/settings/data-export/hdx-export.html
index 08493a4a94..a5d9f0072c 100644
--- a/app/settings/data-export/hdx-export.html
+++ b/app/settings/data-export/hdx-export.html
@@ -10,7 +10,7 @@ <h1 class="mode-context-title" translate>nav.export</h1>
         </header>
 
         <span class="mode-context-trigger" dropdown-toggle>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
             <span class="label hidden" translate>app.show_more_less</span>
@@ -43,7 +43,7 @@ <h2 class="form-sheet-title">
                 <p>
                     {{'data_export.hxl_instructions_1' | translate}}
                     <a href="https://data.humdata.org/" target="_blank" class="link-blue">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xlink:href="/img/iconic-sprite.svg#external-link"></use>
                         </svg>
                         {{'data_export.hxl_instructions_2' | translate}}
@@ -57,14 +57,14 @@ <h2 class="form-sheet-title">
 
                 <p>{{'data_export.hxl_instructions_6' | translate}}
                     <a href="https://tools.humdata.org/examples/hxl/" target="_blank" class="link-blue">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xlink:href="/img/iconic-sprite.svg#external-link"></use>
                         </svg>
                     {{'data_export.hxl_instructions_7' | translate}}
                     </a>
                     {{'data_export.hxl_instructions_8' |translate}}
                     <a href="http://hxlstandard.org/standard/1_1beta/postcards/" target="_blank" class="link-blue">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xlink:href="/img/iconic-sprite.svg#external-link"></use>
                         </svg>
                         {{'data_export.hxl_instructions_9' | translate}}
@@ -73,7 +73,7 @@ <h2 class="form-sheet-title">
                 </p>
             </div>
             <div class="form-field alert error" id="error" ng-show="fieldError">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                 </svg>
                 {{'data_export.no_fields_selected' | translate}}
diff --git a/app/settings/data-import/after-import.html b/app/settings/data-import/after-import.html
index 18fb6fdf7b..1292724cb5 100644
--- a/app/settings/data-import/after-import.html
+++ b/app/settings/data-import/after-import.html
@@ -10,7 +10,7 @@ <h1 class="mode-context-title" translate>app.import</h1>
        </header>
 
        <span class="mode-context-trigger" dropdown-toggle>
-           <svg class="iconic">
+           <svg class="iconic" role="img">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
            </svg>
            <span class="label hidden" translate>app.show_more_less</span>
diff --git a/app/settings/data-import/data-import.html b/app/settings/data-import/data-import.html
index 27fd6c61c5..7c90436a8f 100644
--- a/app/settings/data-import/data-import.html
+++ b/app/settings/data-import/data-import.html
@@ -10,7 +10,7 @@ <h1 class="mode-context-title" translate>app.import</h1>
        </header>
 
        <span class="mode-context-trigger" dropdown-toggle>
-           <svg class="iconic">
+           <svg class="iconic" role="img">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
            </svg>
            <span class="label hidden" translate>app.show_more_less</span>
@@ -35,7 +35,7 @@ <h2 class="form-sheet-title" translate="data_import.csv">CSV</h2>
                         <h2 class="stepper-heading">
                             <span class="stepper-badge" ng-show="!stepOneComplete">1</span>
                             <span class="stepper-badge" ng-show="stepOneComplete">
-                                <svg class="iconic">
+                                <svg class="iconic" role="img">
                                     <use xlink:href="/img/iconic-sprite.svg#check"></use>
                                 </svg>
                             </span>
@@ -107,7 +107,7 @@ <h2 class="stepper-heading">
                                   <legend class="hidden">Post status</legend>
                                     <div class="form-field radio icon-input" ng-class="{'checked' : isStatusSelected('published')}">
                                       <label for="status-published" ng-click="setStatus('published')">
-                                          <svg class="iconic">
+                                          <svg class="iconic" role="img">
                                               <use xlink:href="/img/iconic-sprite.svg#globe"></use>
                                           </svg>
                                           <input type="radio" name="status" id="status-published" checked data-fieldgroup-toggle="status-model-mark-published" />
@@ -121,7 +121,7 @@ <h2 class="stepper-heading">
 
                                   <div class="form-field radio icon-input" ng-class="{'checked' : isStatusSelected('draft')}">
                                       <label for="status-review" ng-click="setStatus('draft')">
-                                          <svg class="iconic">
+                                          <svg class="iconic" role="img">
                                               <use xlink:href="/img/iconic-sprite.svg#document"></use>
                                           </svg>
                                           <input type="radio" name="status" id="status-review" />
@@ -131,7 +131,7 @@ <h2 class="stepper-heading">
 
                                   <div class="form-field radio icon-input" ng-class="{'checked' : isStatusSelected('archived')}">
                                       <label for="status-archive" ng-click="setStatus('archived')">
-                                          <svg class="iconic">
+                                          <svg class="iconic" role="img">
                                               <use xlink:href="/img/iconic-sprite.svg#box"></use>
                                           </svg>
                                           <input type="radio" name="status" id="status-archive"/>
diff --git a/app/settings/datasources/datasources.html b/app/settings/datasources/datasources.html
index ffa0c97159..d0d2928ef9 100644
--- a/app/settings/datasources/datasources.html
+++ b/app/settings/datasources/datasources.html
@@ -10,7 +10,7 @@ <h1 class="mode-context-title" translate>app.data_sources</h1>
         </header>
 
         <span class="mode-context-trigger">
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
             <span class="label hidden" translate>app.show_more_less</span>
@@ -32,7 +32,7 @@ <h1 class="mode-context-title" translate>app.data_sources</h1>
 
                     <div class="listing-item-secondary">
                         <button type="button" class="button-beta button-flat listing-item-toggle" dropdown-toggle>
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                               <use xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
                             </svg>
                             <span class="button-label" translate>settings.data_sources.configure</span>
diff --git a/app/settings/plans/plan.html b/app/settings/plans/plan.html
index 9053ad8ed8..46b022a5b0 100644
--- a/app/settings/plans/plan.html
+++ b/app/settings/plans/plan.html
@@ -10,7 +10,7 @@ <h1 class="mode-context-title" translate>app.plans</h1>
         </header>
 
         <span class="mode-context-trigger" dropdown-toggle>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
             <span class="label hidden" translate>app.show_more_less</span>
diff --git a/app/settings/roles/roles-edit.html b/app/settings/roles/roles-edit.html
index b10b02acc7..b827db5fa1 100644
--- a/app/settings/roles/roles-edit.html
+++ b/app/settings/roles/roles-edit.html
@@ -11,7 +11,7 @@ <h1 class="mode-context-title" ng-show="!role.id" translate>app.add_role</h1>
         </header>
 
         <span class="mode-context-trigger" dropdown-toggle>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
             <span class="label hidden" translate>app.show_more_less</span>
@@ -83,7 +83,7 @@ <h3 class="form-sheet-title" translate>role.delete_role</h3>
                        <p translate>role.delete_role_desc</p>
 
                        <button class="button-destructive" ng-click="deleteRole(role)">
-                           <svg class="iconic">
+                           <svg class="iconic" role="img">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                            </svg>
                            <span class="button-label" translate>role.delete_role</span>
diff --git a/app/settings/roles/roles.html b/app/settings/roles/roles.html
index 0cfb48f345..73a973df45 100644
--- a/app/settings/roles/roles.html
+++ b/app/settings/roles/roles.html
@@ -10,7 +10,7 @@ <h1 class="mode-context-title" translate>app.roles</h1>
         </header>
 
         <span class="mode-context-trigger" dropdown-toggle>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
             <span class="label hidden" translate>app.show_more_less</span>
@@ -23,7 +23,7 @@ <h1 class="mode-context-title" translate>app.roles</h1>
         <div class="toolbar">
             <div class="fab" ng-show="rolesEnabled">
                 <a ui-sref="settings.roles.create" type="button" class="button button-alpha button-fab" role="button">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                       <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#plus"></use>
                     </svg>
                     <span class="hidden" translate>role.add_role</span>
diff --git a/app/settings/settings-list.html b/app/settings/settings-list.html
index b3a9e9fd85..fdd9800410 100644
--- a/app/settings/settings-list.html
+++ b/app/settings/settings-list.html
@@ -7,7 +7,7 @@ <h1 class="mode-context-title"><a ui-sref="posts.map.all" ng-bind="nav.site.name
         </header>
 
         <span class="mode-context-trigger" dropdown-toggle>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
             <span class="label hidden" translate>app.show_more_less</span>
diff --git a/app/settings/site/settings-editor.html b/app/settings/site/settings-editor.html
index 75094a2a35..1b16fc3e48 100644
--- a/app/settings/site/settings-editor.html
+++ b/app/settings/site/settings-editor.html
@@ -10,7 +10,7 @@ <h1 class="mode-context-title" translate>app.general</h1>
         </header>
 
         <span class="mode-context-trigger" dropdown-toggle>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
             <span class="label hidden" translate>app.show_more_less</span>
@@ -55,7 +55,7 @@ <h1 class="mode-context-title" translate>app.general</h1>
                         <input id="site-settings-name" name="name" type="text" placeholder="{{'settings.deployment_name' | translate}}" ng-model="site.name" ng-class="{'error': form.name.$invalid && form.name.$dirty}" required>
 
                          <div class="alert error" ng-repeat="(error, value) in form.name.$error" ng-show="form.name.$dirty" >
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                               <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                             </svg>
                             <p>{{'settings.valid.name.' + error  | translate}}</p>
@@ -86,7 +86,7 @@ <h1 class="mode-context-title" translate>app.general</h1>
                         <div ng-repeat="(error, value) in form.email.$error"
                             ng-show="form.email.$dirty"
                             class="alert error">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                             </svg>
                             <p translate="{{'user.valid.email.' + error}}" translate-default="{{error}}"></p>
@@ -106,7 +106,7 @@ <h1 class="mode-context-title" translate>app.general</h1>
                       <label for="api-key" translate="settings.api_key">API Key</label>
                       <p translate="settings.api_key_desc">The API Key is unique to your deployment, it can be used to allow third party systems to interact with your Ushahidi deployment.</p>
                       <button id="api-key" type="button" class="button-beta" ng-click="generateApiKey()">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                           <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#key"></use>
                         </svg>
                         <span class="button-label hidden-when-small">
@@ -132,7 +132,7 @@ <h3 class="form-sheet-title" translate>settings.deployment_delete_this</h3>
                         <p translate>settings.deployment_delete_info</p>
 
                         <button class="button-destructive">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                             </svg>
                             <span class="button-label" translate>settings.deployment_delete</span>
diff --git a/app/settings/surveys/attribute-editor.html b/app/settings/surveys/attribute-editor.html
index b74da7d043..a002384db3 100644
--- a/app/settings/surveys/attribute-editor.html
+++ b/app/settings/surveys/attribute-editor.html
@@ -10,7 +10,7 @@
                 class="alert error"
                 ng-show="attributeLabel.$invalid && attributeLabel.$dirty"
             >
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                 </svg>
                 <span translate="{{'post.valid.label.required'}}"></span>
@@ -32,7 +32,7 @@
           <div class="input-inline" ng-repeat="(key, option) in editAttribute.options track by $index">
               <input type="text" placeholder="{{ 'form.field_option_placeholder'|translate }}" ng-model="editAttribute.options[key]">
               <button type="button" class="button-flat button-beta" ng-if="editAttribute.options.length > 1" ng-click="removeOption(editAttribute, key)">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                   <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                 </svg>
                 <span class="button-label hidden">Remove</span>
@@ -85,7 +85,7 @@
        <div class="form-field switch" ng-show="canMakePrivate()">
         <label for="switchprivateresponse" translate="survey.make_response_private">Make responses private</label>
         <p data-fieldgroup-target="field-private-message-3" class="init active" translate="survey.response_private_desc" ng-show="editAttribute.response_private">
-          <svg class="iconic">
+          <svg class="iconic" role="img">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#lock-locked"></use>
           </svg>
             Only people with permission to edit responses will be able to see responses to this field.
diff --git a/app/settings/surveys/survey-editor.html b/app/settings/surveys/survey-editor.html
index 635b6a4451..d87f2678cb 100644
--- a/app/settings/surveys/survey-editor.html
+++ b/app/settings/surveys/survey-editor.html
@@ -13,7 +13,7 @@ <h1 ng-show="!survey.id" class="mode-context-title" translate>app.add_survey</h1
       </header>
 
       <span class="mode-context-trigger" dropdown-toggle>
-          <svg class="iconic">
+          <svg class="iconic" role="img">
               <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
           </svg>
           <span class="label hidden" translate>app.show_more_less</span>
@@ -81,13 +81,13 @@ <h3 class="listing-heading hidden" translate="survey.post_fields">Fields</h3>
               <div class="listing-item-select">
                   <div class="buttons-updown">
                      <button type="button" class="button-beta" ng-disabled="isFirstAttribute(survey.tasks[0], attribute)" ng-click="moveAttributeUp(survey.tasks[0], attribute)">
-                         <svg class="iconic">
+                         <svg class="iconic" role="img">
                              <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-top"></use>
                          </svg>
                          <span class="label hidden">Move up</span>
                      </button>
                      <button type="button" class="button-beta" ng-disabled="isLastAttribute(survey.tasks[0], attribute)" ng-click="moveAttributeDown(survey.tasks[0], attribute)">
-                         <svg class="iconic">
+                         <svg class="iconic" role="img">
                              <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
                          </svg>
                          <span class="label hidden">Move down</span>
@@ -96,7 +96,7 @@ <h3 class="listing-heading hidden" translate="survey.post_fields">Fields</h3>
               </div>
               <div class="listing-item-secondary" ng-show="onlyOptional(attribute)">
                   <button class="button-beta button-flat" ng-click="deleteAttribute(attribute, survey.tasks[0])">
-                      <svg class="iconic">
+                      <svg class="iconic" role="img">
                           <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                       </svg>
                       <span class="hidden">Delete</span>
@@ -106,14 +106,14 @@ <h3 class="listing-heading hidden" translate="survey.post_fields">Fields</h3>
               <div class="listing-item-primary" ng-click="openAttributeEditModal(survey.tasks[0], attribute)">
                   <div class="listing-item-image">
                   <!-- TODO: Set icon based on type -->
-                      <svg class="iconic">
+                      <svg class="iconic" role="img">
                           <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#ic_short_text_24px"></use>
                       </svg>
                   </div>
                   <h2 class="listing-item-title">
                       {{attribute.label}}
                     <span class="listing-item-image tooltip" ng-show="attribute.response_private">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#lock-locked"></use>
                         </svg>
                         <span class="bug" translate="survey.response_private_desc">Only people with permission to edit responses can see responses to this field</span>
@@ -125,7 +125,7 @@ <h2 class="listing-item-title">
                 <div class="listing-item-primary">
                     <h2 class="listing-item-title">
                         <a ng-click="openAttributeModal(survey.tasks[0])" class="button button-beta" role="button" data-modal="add-field">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#plus"></use>
                             </svg>
                            <span translate="survey.add_field">Add field</span>
@@ -178,7 +178,7 @@ <h2 class="listing-item-title">
             <legend translate="survey.who_can_add">Who can add to this survey</legend>
             <div class="form-field radio icon-input" ng-class="{ 'checked': survey.everyone_can_create }">
               <label for="survey-add_everyone">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                   <use xlink:href="/img/iconic-sprite.svg#globe"></use>
                 </svg>
                 <input name="survey-add" id="survey-add_everyone" ng-value="true" checked="" type="radio" ng-model="survey.everyone_can_create">
@@ -188,7 +188,7 @@ <h2 class="listing-item-title">
 
             <div class="form-field radio icon-input"  ng-class="{ 'checked': !survey.everyone_can_create }">
               <label for="survey-add_roles">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                   <use xlink:href="/img/iconic-sprite.svg#people"></use>
                 </svg>
                 <input class="init" name="survey-add" id="survey-add_roles" ng-value="false" ng-modaldata-fieldgroup-toggle="survey-add_roles" type="radio" ng-model="survey.everyone_can_create">
@@ -244,14 +244,14 @@ <h2 class="listing-item-title">
               ></textarea>
 
             <!-- <p class="alert">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#people"></use>
                 </svg>
                 The fields in this section can only be completed and viewed by select people. <a>Change settings</a>
             </p> -->
             <div class="section-title-actions" dropdown>
                 <button class="button-beta button-flat init" data-toggle="dropdown-menu" dropdown-toggle>
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                       <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#ellipses"></use>
                     </svg>
                     <span class="hidden" translate="app.more">More</span>
@@ -260,7 +260,7 @@ <h2 class="listing-item-title">
                 <ul class="dropdown-menu init" dropdown-menu>
                     <li>
                         <a href="" data-modal="delete-post" ng-click="duplicateSection(task)">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/material/svg-sprite-content-symbol.svg#ic_content_copy_24px"></use>
                         </svg>
                         <span class="label" translate="survey.duplicate_task">Duplicate task</span>
@@ -268,7 +268,7 @@ <h2 class="listing-item-title">
                     </li>
                     <li>
                         <a href="" data-modal="delete-post" ng-click="deleteTask(task)">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                         </svg>
                         <span class="label" translate="survey.delete_task">Delete task</span>
@@ -299,13 +299,13 @@ <h2 class="listing-item-title">
                   <div class="listing-item-select">
                       <div class="buttons-updown">
                          <button type="button" class="button-beta" ng-disabled="isFirstAttribute(task, attribute)" ng-click="moveAttributeUp(task, attribute)">
-                             <svg class="iconic">
+                             <svg class="iconic" role="img">
                                  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-top"></use>
                              </svg>
                              <span class="label hidden">Move up</span>
                          </button>
                          <button type="button" class="button-beta" ng-disabled="isLastAttribute(task, attribute)" ng-click="moveAttributeDown(task, attribute)">
-                             <svg class="iconic">
+                             <svg class="iconic" role="img">
                                  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
                              </svg>
                              <span class="label hidden">Move down</span>
@@ -315,7 +315,7 @@ <h2 class="listing-item-title">
 
                   <div class="listing-item-secondary" ng-show="onlyOptional(attribute)">
                       <button class="button-beta button-flat" ng-click="deleteAttribute(attribute, task)">
-                          <svg class="iconic">
+                          <svg class="iconic" role="img">
                               <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                           </svg>
                           <span class="hidden">Delete</span>
@@ -324,14 +324,14 @@ <h2 class="listing-item-title">
 
                   <div class="listing-item-primary" ng-click="openAttributeEditModal(task, attribute)">
                       <div class="listing-item-image">
-                          <svg class="iconic">
+                          <svg class="iconic" role="img">
                               <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#ic_short_text_24px"></use>
                           </svg>
                       </div>
                       <h2 class="listing-item-title">
                           {{attribute.label}}
                         <span class="listing-item-image tooltip" ng-show="attribute.response_private">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#lock-locked"></use>
                             </svg>
                             <span class="bug" translate="survey.response_private_desc">Only people with permission to edit responses can see responses to this field</span>
@@ -343,7 +343,7 @@ <h2 class="listing-item-title">
                   <div class="listing-item-primary">
                       <h2 class="listing-item-title">
                           <a ng-click="openAttributeModal(task)" class="button button-beta" role="button" data-modal="add-field">
-                              <svg class="iconic">
+                              <svg class="iconic" role="img">
                                   <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#plus"></use>
                               </svg>
                              <span translate="survey.add_field">Add field</span>
@@ -386,7 +386,7 @@ <h2 class="listing-item-title">
             <legend translate="survey.who_can_contribute_to_section">Who can contribute to fields in this section</legend>
             <div class="form-field radio icon-input" ng-class="{ 'checked': task.everyone_can_contribute }">
               <label for="survey-add_everyone">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                   <use xlink:href="/img/iconic-sprite.svg#globe"></use>
                 </svg>
                 <input name="survey-add" id="survey-add_everyone" ng-value="true" checked="" type="radio" ng-model="task.everyone_can_contribute">
@@ -396,7 +396,7 @@ <h2 class="listing-item-title">
 
             <div class="form-field radio icon-input"  ng-class="{ 'checked': !task.everyone_can_contribute }">
               <label for="survey-add_roles">
-                <svg class="iconic">
+                <svg class="iconic" role="img">
                   <use xlink:href="/img/iconic-sprite.svg#people"></use>
                 </svg>
                 <input class="init" name="survey-add" id="survey-add_roles" ng-value="false" ng-modaldata-fieldgroup-toggle="survey-add_roles" type="radio" ng-model="task.everyone_can_contribute">
@@ -419,7 +419,7 @@ <h2 class="listing-item-title">
       <div class="listing-item">
           <div class="listing-item-primary">
               <button ng-click="openTaskModal()" class="button-gamma init" data-toggle="field-type">
-                  <svg class="iconic">
+                  <svg class="iconic" role="img">
                       <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#plus"></use>
                   </svg>
                   <span class="button-label" translate="survey.add_task">Add task</span>
diff --git a/app/settings/surveys/surveys.html b/app/settings/surveys/surveys.html
index 650535e506..35170fb87f 100644
--- a/app/settings/surveys/surveys.html
+++ b/app/settings/surveys/surveys.html
@@ -11,7 +11,7 @@ <h1 class="mode-context-title" translate>app.surveys</h1>
         </header>
 
         <span class="mode-context-trigger" dropdown-toggle>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
             <span class="label hidden" translate>app.show_more_less</span>
@@ -42,7 +42,7 @@ <h2 class="listing-item-title"><a ui-sref="settings.surveys.create" translate="s
                     <span class="post-band" ng-style="{backgroundColor: form.color}"></span>
                     <div class="listing-item-secondary" dropdown>
                       <button class="button-beta button-flat" data-toggle="dropdown-menu" dropdown-toggle>
-                          <svg class="iconic">
+                          <svg class="iconic" role="img">
                               <use xlink:href="/img/iconic-sprite.svg#ellipses"></use>
                           </svg>
                           <span class="hidden">More</span>
@@ -50,7 +50,7 @@ <h2 class="listing-item-title"><a ui-sref="settings.surveys.create" translate="s
                       <ul class="dropdown-menu init" dropdown-menu>
                           <li>
                               <a href="/settings/surveys/duplicate/{{form.id}}">
-                                  <svg class="iconic">
+                                  <svg class="iconic" role="img">
                                       <use xlink:href="/img/material/svg-sprite-content-symbol.svg#ic_content_copy_24px"></use>
                                   </svg>
                                   <span class="label" translate="survey.duplicate_survey">Duplicate</span>
@@ -58,7 +58,7 @@ <h2 class="listing-item-title"><a ui-sref="settings.surveys.create" translate="s
                           </li>
                           <li>
                               <a ng-click="deleteSurvey(form)">
-                                  <svg class="iconic">
+                                  <svg class="iconic" role="img">
                                       <use xlink:href="/img/iconic-sprite.svg#trash"></use>
                                   </svg>
                                   <span class="label" translate="survey.delete">Delete</span>
diff --git a/app/settings/surveys/targeted-surveys/targeted-question-modal.html b/app/settings/surveys/targeted-surveys/targeted-question-modal.html
index 3c5386055f..8635c87664 100644
--- a/app/settings/surveys/targeted-surveys/targeted-question-modal.html
+++ b/app/settings/surveys/targeted-surveys/targeted-question-modal.html
@@ -12,7 +12,7 @@
             class="alert error"
             ng-show="error"
         >
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
             </svg>
             <p>{{message}}</p>
@@ -22,7 +22,7 @@
             class="alert error"
             ng-show="questionError"
         >
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
             </svg>
             <p>{{questionMessage}}</p>
diff --git a/app/settings/surveys/targeted-surveys/targeted-survey-edit.html b/app/settings/surveys/targeted-surveys/targeted-survey-edit.html
index 5cbbfb3cac..70b740cc40 100644
--- a/app/settings/surveys/targeted-surveys/targeted-survey-edit.html
+++ b/app/settings/surveys/targeted-surveys/targeted-survey-edit.html
@@ -11,7 +11,7 @@ <h1 class="mode-context-title">Surveys</h1>
     </header>
 
     <span class="mode-context-trigger" dropdown-toggle>
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
         </svg>
         <span class="label hidden">Show more/less</span>
@@ -69,7 +69,7 @@ <h2 class=form-label translate="survey.targeted_survey.name">Survey Name</h2>
                                     ng-show="targetedSurvey.stepOne.name.$dirty"
                                     ng-repeat="(error, value) in targetedSurvey.stepOne.name.$error"
                                 >
-                                    <svg class="iconic">
+                                    <svg class="iconic" role="img">
                                         <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                                     </svg>
                                     <p translate="{{'notify.form.validation.name.' + error}}"></p>
@@ -85,7 +85,7 @@ <h2 class=form-label translate="survey.targeted_survey.name">Survey Name</h2>
                                     ng-show="targetedSurvey.stepOne.description.$dirty"
                                     ng-repeat="(error, value) in targetedSurvey.stepOne.description.$error"
                                 >
-                                    <svg class="iconic">
+                                    <svg class="iconic" role="img">
                                         <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                                     </svg>
                                     <p translate="{{'notify.form.validation.description.' + error}}"></p>
@@ -197,7 +197,7 @@ <h2 class="stepper-heading">
                                 <ul id="listWithHandle" class="sortble-list">
                                     <li class="sortable-list-item" ng-repeat="question in survey.attributes" data={{question.label}} ng-hide="question.type === 'title' || question.type === 'description'">
                                         <span class="list-handle">
-                                            <svg class="iconic">
+                                            <svg class="iconic" role="img">
                                                  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#grid-four-up"></use>
                                             </svg>
                                         </span>
diff --git a/app/settings/user-settings/user-settings.html b/app/settings/user-settings/user-settings.html
index 8aa3d9aba4..ac3fd7bd63 100644
--- a/app/settings/user-settings/user-settings.html
+++ b/app/settings/user-settings/user-settings.html
@@ -9,7 +9,7 @@ <h1 class="mode-context-title" translate>settings.settings_list.user_settings</h
     </header>
 
     <span class="mode-context-trigger" dropdown-toggle>
-        <svg class="iconic">
+        <svg class="iconic" role="img">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
         </svg>
         <span class="label hidden" translate>app.show_more_less</span>
@@ -32,7 +32,7 @@ <h2 class="form-sheet-title" translate="settings.settings_list.user_settings">
                 <p translate="settings.user_settings.user_settings_desc_3">You can find your API key on your Humanitarian Data Exchange (HDX) profile once you're logged in.</p>
 
                 <a href="https://data.humdata.org/faq" class="link-blue" target="_blank">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                         <use xlink:href="/img/iconic-sprite.svg#external-link"></use>
                     </svg>
                     {{'settings.user_settings.view_guide' |translate}}
@@ -54,7 +54,7 @@ <h2 class="form-sheet-title" translate="settings.settings_list.user_settings">
                 </div>
 
                 <div class="form-field alert error" ng-show="!hxlMaintainerSet && api.hdx_maintainer_id.$invalid && api.hdx_maintainer_id.$dirty">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                         <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                     </svg>
                     <p translate="settings.user_settings.valid_user">A user id is required</p>
@@ -88,7 +88,7 @@ <h2 class="form-sheet-title" translate="settings.settings_list.user_settings">
                 </div>
 
                 <div class="form-field alert error" ng-show="!hxlApiKeySet && api.api_key.$invalid && api.api_key.$dirty && !hxlApiKeySet">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                         <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                     </svg>
                     <p translate="settings.user_settings.valid_key">A valid key is required</p>
diff --git a/app/settings/users/filter-users.html b/app/settings/users/filter-users.html
index f8fc2f3b45..2022883c2c 100644
--- a/app/settings/users/filter-users.html
+++ b/app/settings/users/filter-users.html
@@ -6,7 +6,7 @@
     <div class="searchbar-options">
         <a href="#" id="toggleUserSearchFilters" class="button searchbar-options-filter init" role="button" data-toggle="search-filters" dropdown-toggle>
             <span class="button-label" translate>app.filters</span>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
               <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
         </a>
diff --git a/app/settings/users/users-edit.html b/app/settings/users/users-edit.html
index 0cb456203e..62f391fda8 100644
--- a/app/settings/users/users-edit.html
+++ b/app/settings/users/users-edit.html
@@ -11,7 +11,7 @@ <h1 class="mode-context-title" ng-show="!user.id" translate>app.add_user</h1>
         </header>
 
         <span class="mode-context-trigger" dropdown-toggle>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
             <span class="label hidden" translate>app.show_more_less</span>
@@ -46,7 +46,7 @@ <h1 class="mode-context-title" ng-show="!user.id" translate>app.add_user</h1>
                         <div ng-repeat="(error, value) in form.full_name.$error"
                             ng-show="form.full_name.$invalid && (form.full_name.$dirty || displayError)"
                             class="alert error">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                             </svg>
                             <p translate="{{'user.valid.full_name.' + error}}" translate-default="{{error}}"></p>
@@ -59,7 +59,7 @@ <h1 class="mode-context-title" ng-show="!user.id" translate>app.add_user</h1>
                         <div ng-repeat="(error, value) in form.email.$error"
                             ng-show="form.email.$dirty"
                             class="alert error">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                             </svg>
                             <p translate="{{'user.valid.email.' + error}}" translate-default="{{error}}"></p>
@@ -75,7 +75,7 @@ <h1 class="mode-context-title" ng-show="!user.id" translate>app.add_user</h1>
                         <div ng-repeat="(error, value) in form.password.$error"
                             ng-show="form.password.$dirty"
                             class="alert error">
-                            <svg class="iconic">
+                            <svg class="iconic" role="img">
                                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#warning"></use>
                             </svg>
                             <p translate="{{'user.valid.password.' + error}}" translate-default="{{error}}"></p>
@@ -131,7 +131,7 @@ <h3 class="form-sheet-title" translate>user.delete_user</h3>
                        <p translate>user.delete_user_desc</p>
 
                        <button class="button-destructive" ng-click="deleteUser(user)">
-                           <svg class="iconic">
+                           <svg class="iconic" role="img" >
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                            </svg>
                            <span class="button-label" translate>user.delete_user</span>
diff --git a/app/settings/users/users.html b/app/settings/users/users.html
index e3452385a8..52adc636b4 100644
--- a/app/settings/users/users.html
+++ b/app/settings/users/users.html
@@ -9,7 +9,7 @@ <h1 class="mode-context-title" translate>app.users</h1>
         </header>
 
         <span class="mode-context-trigger" dropdown-toggle>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
             <span class="label hidden" translate>app.show_more_less</span>
@@ -21,7 +21,7 @@ <h1 class="mode-context-title" translate>app.users</h1>
         <div class="toolbar">
             <div class="fab">
                 <a ui-sref="settings.users.create" type="button" class="button button-alpha button-fab" role="button" ng-class="{'disabled': selectedUsers.length}">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                       <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#plus"></use>
                     </svg>
                     <span class="hidden" translate>user.add_user</span>
@@ -32,7 +32,7 @@ <h1 class="mode-context-title" translate>app.users</h1>
 
             <div class="button-group" ng-show="todo">
                 <button type="button">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                       <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#external-link"></use>
                     </svg>
                     <span class="button-label" translate>nav.export</span>
@@ -94,7 +94,7 @@ <h2 class="listing-item-title"><a ui-sref="settings.users.edit({id: user.id})">{
                         </div>
                     </fieldset>
                     <button type="button" class="button-destructive" ng-disabled="!selectedUsers.length" ng-click="deleteUsers()">
-                        <svg class="iconic">
+                        <svg class="iconic" role="img">
                             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                         </svg>
                         <span class="button-label hidden">nav.delete</span>
diff --git a/app/settings/webhooks/webhooks-edit.html b/app/settings/webhooks/webhooks-edit.html
index 788bf9aefd..4e20dce356 100644
--- a/app/settings/webhooks/webhooks-edit.html
+++ b/app/settings/webhooks/webhooks-edit.html
@@ -11,7 +11,7 @@ <h1 class="mode-context-title" ng-show="!webhook.id" translate>app.add_webhook</
         </header>
 
         <span class="mode-context-trigger" dropdown-toggle>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
             <span class="label hidden" translate>app.show_more_less</span>
@@ -183,7 +183,7 @@ <h3 class="form-sheet-title" translate>webhook.delete_webhook</h3>
                        <p translate>webhook.delete_webhook_desc</p>
 
                        <button class="button-destructive" ng-click="deleteWebhook(webhook)">
-                           <svg class="iconic">
+                           <svg class="iconic" role="img">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#trash"></use>
                            </svg>
                            <span class="button-label" translate>webhook.delete_webhook</span>
diff --git a/app/settings/webhooks/webhooks.html b/app/settings/webhooks/webhooks.html
index 873bd63c25..0ec3c78b95 100644
--- a/app/settings/webhooks/webhooks.html
+++ b/app/settings/webhooks/webhooks.html
@@ -10,7 +10,7 @@ <h1 class="mode-context-title" translate>app.webhooks</h1>
         </header>
 
         <span class="mode-context-trigger" dropdown-toggle>
-            <svg class="iconic">
+            <svg class="iconic" role="img">
                 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#chevron-bottom"></use>
             </svg>
             <span class="label hidden" translate>app.show_more_less</span>
@@ -23,7 +23,7 @@ <h1 class="mode-context-title" translate>app.webhooks</h1>
         <div class="toolbar">
             <div class="fab" ng-show="webhooksEnabled">
                 <a ui-sref="settings.webhooks.create" type="button" class="button button-alpha button-fab" role="button">
-                    <svg class="iconic">
+                    <svg class="iconic" role="img">
                       <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/iconic-sprite.svg#plus"></use>
                     </svg>
                     <span class="hidden" translate>webhook.add_webhook</span>