diff --git a/app/views/guidance_groups/admin_edit.html.erb b/app/views/guidance_groups/admin_edit.html.erb
index ca6bf47..23ff6e3 100644
--- a/app/views/guidance_groups/admin_edit.html.erb
+++ b/app/views/guidance_groups/admin_edit.html.erb
@@ -11,7 +11,7 @@
         <%= f.label _('Name'), for: :name %>
         <%= f.text_field :name, as: :string, class: 'input-medium required' %>
         <div class="inline">
-          <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+          <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
              data-content="<%= _('Add an appropriate name for your guidance group. This name will be used to tell the end user where the guidance has come from. It will be appended to text identifying the theme e.g. "[guidance group name]: guidance on data sharing" so we suggest you just use the institution or department name.') %>" aria-label="<%= _('More information: Guidance group names') %>">
           <span class="fa fa-question-circle" aria-hidden="true"></span></a>
         </div>
@@ -35,7 +35,7 @@
         <%= f.label _('Optional Subset'), for: :optional_subset %>
         <%= f.check_box :optional_subset %> <%= _('e.g. School/ Department') %>
         <div class="inline">
-          <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+          <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
              data-content="<%= _("If the guidance is only meant for a subset of users e.g. those in a specific college or institute, check this box.  Users will be able to select to display this subset guidance when answering questions in the 'create plan' wizard.") %>" aria-label="<%= _('More information: Optional subsets for guidance groups') %>">
             <span class="fa fa-question-circle" aria-hidden="true"></span></a>
         </div>
diff --git a/app/views/guidance_groups/admin_new.html.erb b/app/views/guidance_groups/admin_new.html.erb
index 9639991..2303226 100644
--- a/app/views/guidance_groups/admin_new.html.erb
+++ b/app/views/guidance_groups/admin_new.html.erb
@@ -11,7 +11,7 @@
         <%= f.label _('Name'), for: :name %>
         <%= f.text_field :name, as: :string, class: "input-medium required" %>
         <div class="inline">
-          <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+          <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
              data-content="<%= _('Add an appropriate name for your guidance group. This name will be used to tell the end user where the guidance has come from. It will be appended to text identifying the theme e.g. "[guidance group name]: guidance on data sharing" so we suggest you just use the institution or department name.') %>" aria-label="<%= _('More information: Guidance group names') %>">
           <span class="fa fa-question-circle" aria-hidden="true"></span></a>
         </div>
@@ -20,7 +20,7 @@
         <%= f.label _('Optional Subset'), for: :optional_subset %>
         <%= f.check_box :optional_subset %> <%= _('e.g. School/ Department') %>
         <div class="inline">
-          <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+          <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
              data-content="<%= _("If the guidance is only meant for a subset of users e.g. those in a specific college or institute, check this box.  Users will be able to select to display this subset guidance when answering questions in the 'create plan' wizard.") %>" aria-label="<%= _('More information: Optional subsets for guidance groups') %>">
             <span class="fa fa-question-circle" aria-hidden="true"></span></a>
         </div>
diff --git a/app/views/guidances/admin_edit.html.erb b/app/views/guidances/admin_edit.html.erb
index 0f979ef..bd9771a 100644
--- a/app/views/guidances/admin_edit.html.erb
+++ b/app/views/guidances/admin_edit.html.erb
@@ -12,7 +12,7 @@
       <%= text_area_tag("guidance-text", @guidance.text, class: "tinymce") %>
       <div class="inline">
         <% lbl =  %>
-        <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+        <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
            data-content="<%= _('Enter your guidance here. You can include links where needed.') %>" 
            aria-label="<%= _('More information: Guidance') %>">
         <span class="fa fa-question-circle" aria-hidden="true"></span></a>
diff --git a/app/views/guidances/admin_new.html.erb b/app/views/guidances/admin_new.html.erb
index 1589ebf..13a3cb7 100644
--- a/app/views/guidances/admin_new.html.erb
+++ b/app/views/guidances/admin_new.html.erb
@@ -13,7 +13,7 @@
         <%= text_area_tag("guidance-text", "", class: "tinymce") %>
         <div class="inline">
           <% lbl = _('Enter your guidance here. You can include links where needed.') %>
-          <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+          <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
              data-content="<%= _('Enter your guidance here. You can include links where needed.') %>" 
              aria-label="<%= _('More information: Guidance') %>">
           <span class="fa fa-question-circle" aria-hidden="true"></span></a>
diff --git a/app/views/phases/_edit_phase.html.erb b/app/views/phases/_edit_phase.html.erb
index 341fa1e..5cd86ed 100644
--- a/app/views/phases/_edit_phase.html.erb
+++ b/app/views/phases/_edit_phase.html.erb
@@ -26,7 +26,7 @@
           <%= text_area_tag("phase-desc", phase.description, class: "tinymce") %>
         </div>
         <div class="inline">
-          <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+          <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
              data-content="<%= _("Enter a basic description. This will be presented to users on the 'Admin Plan' tab, above the summary of the sections and questions which they will be asked to answer.") %>" aria-label="<%= _('More information: Phase descriptions') %>">
           <span class="fa fa-question-circle" aria-hidden="true"></span></a>
         </div>
diff --git a/app/views/phases/admin_add.html.erb b/app/views/phases/admin_add.html.erb
index ba71058..61ff15e 100644
--- a/app/views/phases/admin_add.html.erb
+++ b/app/views/phases/admin_add.html.erb
@@ -41,7 +41,7 @@
                     <%= f.label :description %>
                     <%= text_area_tag("phase-desc","" , class: "tinymce") %>
                     <div class="inline">
-                      <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+                      <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
                          data-content="<%= _("Enter a basic description. This will be presented to users on the 'Admin Plan' tab, above the summary of the sections and questions which they will be asked to answer.") %>"
                          aria-label="<%= _('More information: Phase descriptions') %>">
                       <span class="fa fa-question-circle" aria-hidden="true"></span></a>
diff --git a/app/views/questions/_add_question.html.erb b/app/views/questions/_add_question.html.erb
index f5124f9..35a70fe 100644
--- a/app/views/questions/_add_question.html.erb
+++ b/app/views/questions/_add_question.html.erb
@@ -43,7 +43,7 @@
                   {}, class: "question_format" %>
             </div>
             <div class="div_right_icon">
-              <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+              <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
                  data-content="<%= _("You can choose from:<ul><li>- text area (large box for paragraphs);</li> <li>- text field (for a short answer);</li> <li>- checkboxes where options are presented in a list and multiple values can be selected;</li> <li>- radio buttons where options are presented in a list but only one can be selected;</li> <li>- dropdown like this box - only one option can be selected;</li> <li>- multiple select box allows users to select several options from a scrollable list, using the CTRL key;</li></ul>") %>"
                  aria-label="<%= _('More information: Answer formats') %>">
               <span class="fa fa-question-circle" aria-hidden="true"></span></a>
@@ -59,7 +59,7 @@
                   <th nowrap class="medium"><%= _('Text')%></th>
                   <th nowrap class="small"><%= _('Default')%></th>
                   <th nowrap class="small">
-                    <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+                    <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
                        data-content="<%= _('Enter any options that you wish to display. If you want to pre-set one option as selected, check the default box.') %>"
                         aria-label="<%= _('More information: Question options') %>">
                     <span class="fa fa-question-circle" aria-hidden="true"></span></a></th>
@@ -104,7 +104,7 @@
             </div>
           </div>
           <div class="div_right_icon">
-            <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+            <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
                data-content="<%= _('Anything you enter here will display in the answer box. If you want an answer in a certain format (e.g. tables), you can enter that style here.') %>"
                 aria-label="<%= _('More information: Default answer') %>">
             <span class="fa fa-question-circle" aria-hidden="true"></span></a>
@@ -123,7 +123,7 @@
             <%= text_area_tag(:example_answer, "", class: "tinymce") %>
           </div>
           <div class="div_right_icon">
-            <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+            <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
                data-content="<%= _('You can add an example answer to help users respond. These will be presented above the answer box and can be copied/ pasted.') %>"
                 aria-label="<%= _('More information: Example answers') %>">
             <span class="fa fa-question-circle" aria-hidden="true"></span></a>
@@ -140,7 +140,7 @@
             <%= text_area_tag(:guidance, "", class: "tinymce") %>
           </div>
           <div class="div_right_icon">
-            <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+            <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
                data-content="<%= _("Enter specific guidance to accompany this question. If you have guidance by themes too, this will be pulled in based on your selections below so it's best not to duplicate too much text.") %>"
                 aria-label="<%= _('More information: Guidance') %>">
             <span class="fa fa-question-circle" aria-hidden="true"></span></a>
@@ -159,7 +159,7 @@
                 :id, :title, {prompt: false, include_blank: _('None')}, {multiple: true})%>
           </div>
           <div class="div_right_icon">
-            <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+            <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
                data-content="<%= _("<p>Select themes that are relevant to this question.</p> <p>This allows your generic institution-level guidance to be drawn in, as well as that from other sources e.g. the %{organisation_abbreviation} or any Schools/Departments that you provide guidance for. </p> <p>You can select multiple themes by using the CTRL button.</p>") %>" aria-label="<%= _('More information: Themes') %>">
             <span class="fa fa-question-circle" aria-hidden="true"></span></a>
           </div>
diff --git a/app/views/questions/_edit_question.html.erb b/app/views/questions/_edit_question.html.erb
index 4cda8a4..a37a2d5 100644
--- a/app/views/questions/_edit_question.html.erb
+++ b/app/views/questions/_edit_question.html.erb
@@ -38,7 +38,7 @@
                 {}, class: "question_format", id: "#{question.id}-select-format"%>
             </div>
             <div class="div_right_icon">
-              <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+              <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
                  data-content="<%= _("You can choose from:<ul><li>- text area (large box for paragraphs);</li> <li>- text field (for a short answer);</li> <li>- checkboxes where options are presented in a list and multiple values can be selected;</li> <li>- radio buttons where options are presented in a list but only one can be selected;</li> <li>- dropdown like this box - only one option can be selected;</li> <li>- multiple select box allows users to select several options from a scrollable list, using the CTRL key;</li></ul>") %>"
                  aria-label="<%= _('More information: Answer format') %>">
               <span class="fa fa-question-circle" aria-hidden="true"></span></a>
@@ -55,7 +55,7 @@
                   <th nowrap class="medium"><%= _('Text')%></th>
                   <th nowrap class="small"><%= _('Default')%></th>
                   <th nowrap class="small">
-                    <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+                    <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
                        data-content="<%= _('Enter any options that you wish to display. If you want to pre-set one option as selected, check the default box.') %>"
                        aria-label="<%= _('More information: Question options') %>">
                     <span class="fa fa-question-circle" aria-hidden="true"></span></a>
@@ -100,7 +100,7 @@
             </div>
           </div>
           <div class="div_right_icon">
-            <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+            <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
                data-content="<%= _('Anything you enter here will display in the answer box. If you want an answer in a certain format (e.g. tables), you can enter that style here.') %>"
                aria-label="<%= _('More information: Default answer') %>">
             <span class="fa fa-question-circle" aria-hidden="true"></span></a>
@@ -127,7 +127,7 @@
           <% end %>
           </div>
           <div class="div_right_icon">
-            <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+            <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
                data-content="<%= _('You can add an example or suggested answer to help users respond. These will be presented above the answer box and can be copied/ pasted.') %>"
                aria-label="<%= _('More information: Example answers') %>">
             <span class="fa fa-question-circle" aria-hidden="true"></span></a>
@@ -146,7 +146,7 @@
             <%= text_area_tag("question-guidance-#{question.id}", guidance_text , class: "tinymce") %>
           </div>
           <div class="div_right_icon">
-            <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+            <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
                data-content="<%= _("Enter specific guidance to accompany this question. If you have guidance by themes too, this will be pulled in based on your selections below so it's best not to duplicate too much text.") %>"
                aria-label="<%= _('More information: Guidance') %>">
             <span class="fa fa-question-circle" aria-hidden="true"></span></a>
@@ -164,7 +164,7 @@
               :id, :title, {prompt: false, include_blank: "None"}, {multiple: true})%>
           </div>
           <div class="div_right_icon">
-            <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+            <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
                data-content="<%= _("<p>Select themes that are relevant to this question.</p> <p>This allows your generic institution-level guidance to be drawn in, as well as that from other sources e.g. the %{organisation_abbreviation} or any Schools/Departments that you provide guidance for. </p> <p>You can select multiple themes by using the CTRL button.</p>") %>"
                aria-label="<%= _('More information: Themes') %>">
             <span class="fa fa-question-circle" aria-hidden="true"></span></a>
diff --git a/app/views/sections/_add_section.html.erb b/app/views/sections/_add_section.html.erb
index 5795ba4..7692bdf 100644
--- a/app/views/sections/_add_section.html.erb
+++ b/app/views/sections/_add_section.html.erb
@@ -36,7 +36,7 @@
                 <%= text_area_tag("section-desc", "" , class: "tinymce") %>
               </div>
               <div class="div_right_icon">
-                <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+                <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
                    data-content="<%= _("Enter a basic description. This could be a summary of what is covered in the section or instructions on how to answer. This text will be displayed in the coloured banner once a section is opened to edit.") %>" aria-label="<%= _('More information: Section descriptions') %>">
                 <span class="fa fa-question-circle" aria-hidden="true"></span></a>
               </div>
diff --git a/app/views/sections/_edit_section.html.erb b/app/views/sections/_edit_section.html.erb
index a177670..79a641d 100644
--- a/app/views/sections/_edit_section.html.erb
+++ b/app/views/sections/_edit_section.html.erb
@@ -20,7 +20,7 @@
         <%= s.label :description %>
         <%= text_area_tag("section-desc-#{section.id}", section.description , class: "tinymce") %>
         <div class="inline">
-          <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+          <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
              data-content="<%= _("Enter a basic description. This could be a summary of what is covered in the section or instructions on how to answer. This text will be displayed in the coloured banner once a section is opened to edit.") %>" aria-label="<%= _('More information: Section descriptions') %>">
           <span class="fa fa-question-circle" aria-hidden="true"></span></a>
         </div>
diff --git a/app/views/templates/_edit_annotations.html.erb b/app/views/templates/_edit_annotations.html.erb
index 98d877a..03ad822 100644
--- a/app/views/templates/_edit_annotations.html.erb
+++ b/app/views/templates/_edit_annotations.html.erb
@@ -59,7 +59,7 @@
           <% end %>
         </div>
         <div class="div_right_icon">
-          <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+          <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
              data-content="<%= _('You can add an example or suggested answer to help users respond. These will be presented above the answer box and can be copied/ pasted.') %>" aria-label="<%= _('More information: Example answers') %>">
           <span class="fa fa-question-circle" aria-hidden="true"></span></a>
         </div>
@@ -76,7 +76,7 @@
           <%= text_area_tag("question-guidance-#{question.id}", question.guidance , class: "tinymce") %>
         </div>
         <div class="div_right_icon">
-          <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+          <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
              data-content="<%= _("Enter specific guidance to accompany this question. If you have guidance by themes too, this will be pulled in based on your selections below so it's best not to duplicate too much text.") %>" aria-label="<%= _('More information: Guidance') %>">
           <span class="fa fa-question-circle" aria-hidden="true"></span></a>
         </div>
diff --git a/app/views/templates/_edit_template.html.erb b/app/views/templates/_edit_template.html.erb
index d119010..1037259 100644
--- a/app/views/templates/_edit_template.html.erb
+++ b/app/views/templates/_edit_template.html.erb
@@ -12,7 +12,7 @@
       <%= f.label _('Description'), for: template.description %>
       <%= text_area_tag("template-desc", template.description, class: "input-large tinymce") %>
       <div class="inline">
-        <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+        <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
            data-content="<%= _('Enter a description that helps you to differentiate between templates e.g. if you have ones for different audiences') %>" aria-label="<% _('More information: Template descriptions') %>">
         <span class="fa fa-question-circle" aria-hidden="true"></span></a>
       </div>
diff --git a/app/views/templates/admin_new.html.erb b/app/views/templates/admin_new.html.erb
index fad342a..c7f63df 100644
--- a/app/views/templates/admin_new.html.erb
+++ b/app/views/templates/admin_new.html.erb
@@ -29,7 +29,7 @@
               <%= text_area_tag("template-desc", "", class: "tinymce") %>
             </div>
             <div class="div_right_icon">
-              <a href="#" data-toggle="popover" rel: "popover" data-html: "true"
+              <a href="#" data-toggle="popover" rel: "popover" data-html: "true" role="button" 
                  data-content="<%= _('Enter a description that helps you to differentiate between templates e.g. if you have ones for different audiences') %>" aria-label="<%= _('More information: Template descriptions') %>">
               <span class="fa fa-question-circle" aria-hidden="true"></span></a>
             </div>