diff --git a/LearningHub.Nhs.WebUI/Scripts/vuesrc/globalcomponents/IconButton.vue b/LearningHub.Nhs.WebUI/Scripts/vuesrc/globalcomponents/IconButton.vue
index 2ff2c9110..7e644a318 100644
--- a/LearningHub.Nhs.WebUI/Scripts/vuesrc/globalcomponents/IconButton.vue
+++ b/LearningHub.Nhs.WebUI/Scripts/vuesrc/globalcomponents/IconButton.vue
@@ -48,7 +48,8 @@
             }"
             v-bind:disabled="disabled">
         <i v-bind:class="iconClasses"
-           v-bind:aria-label="ariaLabel"></i>
+           v-bind:aria-label="ariaLabel"
+           v-bind:role="iconRole"></i>
         <span>{{ label }}</span>
     </button>
 </template>
@@ -65,6 +66,7 @@
             color: String,
             shape: String,
             size: String,
+            iconRole: String,
         },
     });
 </script>
diff --git a/LearningHub.Nhs.WebUI/Scripts/vuesrc/resource/blocks/QuestionBlock.vue b/LearningHub.Nhs.WebUI/Scripts/vuesrc/resource/blocks/QuestionBlock.vue
index 6366ec7fe..20945e6f2 100644
--- a/LearningHub.Nhs.WebUI/Scripts/vuesrc/resource/blocks/QuestionBlock.vue
+++ b/LearningHub.Nhs.WebUI/Scripts/vuesrc/resource/blocks/QuestionBlock.vue
@@ -9,7 +9,8 @@
                 <IconButton v-if="isEnabled"
                             class="expansion-button"
                             :iconClasses="isOpen ? `fas fa-minus-circle blue` : `fas fa-plus-circle blue`"
-                            :ariaLabel="isOpen ? `hide content` : `reveal content`"></IconButton>
+                            :ariaLabel="isOpen ? `hide content` : `reveal content`"
+                            iconRole="img"></IconButton>
                 <i v-else
                    class="fas fa-lock expansion-button grey pl-12 pr-12"></i>
                 <div class="text-field d-flex">
diff --git a/LearningHub.Nhs.WebUI/Scripts/vuesrc/resource/blocks/SingleQuestionAnswerView.vue b/LearningHub.Nhs.WebUI/Scripts/vuesrc/resource/blocks/SingleQuestionAnswerView.vue
index 21925aa52..c325b1446 100644
--- a/LearningHub.Nhs.WebUI/Scripts/vuesrc/resource/blocks/SingleQuestionAnswerView.vue
+++ b/LearningHub.Nhs.WebUI/Scripts/vuesrc/resource/blocks/SingleQuestionAnswerView.vue
@@ -17,7 +17,8 @@
                    :class="getStyleFromAnswerType(answer.status)"/>
                 <img v-else-if="feedbackVisible"
                      class="answer-medal-icon align-self-center mr-2"
-                     src="/images/medal-icon.svg"/>
+                     src="/images/medal-icon.svg"
+                     alt="Medal Icon"/>
                 {{ answer.blockCollection.blocks[0].textBlock.content }}
             </label>
         </div>
diff --git a/LearningHub.Nhs.WebUI/Views/Resource/_RatingSummary.cshtml b/LearningHub.Nhs.WebUI/Views/Resource/_RatingSummary.cshtml
index e8cdf78f5..9a932d2a7 100644
--- a/LearningHub.Nhs.WebUI/Views/Resource/_RatingSummary.cshtml
+++ b/LearningHub.Nhs.WebUI/Views/Resource/_RatingSummary.cshtml
@@ -65,7 +65,7 @@
         <div class="rating-label">5 star</div>
         <div class="rating-progress-bar">
             <div class="progress">
-                <div id="progressBar5star" class="progress-bar bg-warning" aria-valuemin="0" aria-valuemax="100" style="width: @Model.RatingSummary.Rating5StarPercent% !important;"></div>
+                <div id="progressBar5star" class="progress-bar bg-warning" aria-valuemin="0" aria-valuemax="100" role="progressbar" aria-label="progressBar5" style="width: @Model.RatingSummary.Rating5StarPercent% !important;"></div>
             </div>
         </div>
         <div class="rating-value"> @Model.RatingSummary.Rating5StarPercent%</div>
@@ -74,7 +74,7 @@
         <div class="rating-label">4 star</div>
         <div class="rating-progress-bar">
             <div class="progress">
-                <div id="progressBar4star" class="progress-bar bg-warning" aria-valuemin="0" aria-valuemax="100" style="width: @Model.RatingSummary.Rating4StarPercent% !important;"></div>
+                <div id="progressBar4star" class="progress-bar bg-warning" aria-valuemin="0" aria-valuemax="100" role="progressbar" aria-label="progressBar4"  style="width: @Model.RatingSummary.Rating4StarPercent% !important;"></div>
             </div>
         </div>
         <div class="rating-value"> @Model.RatingSummary.Rating4StarPercent%</div>
@@ -83,7 +83,7 @@
         <div class="rating-label">3 star</div>
         <div class="rating-progress-bar">
             <div class="progress">
-                <div id="progressBar3star" class="progress-bar bg-warning" aria-valuemin="0" aria-valuemax="100" style="width: @Model.RatingSummary.Rating3StarPercent% !important;"></div>
+                <div id="progressBar3star" class="progress-bar bg-warning" aria-valuemin="0" aria-valuemax="100" role="progressbar" aria-label="progressBar3" style="width: @Model.RatingSummary.Rating3StarPercent% !important;"></div>
             </div>
         </div>
         <div class="rating-value"> @Model.RatingSummary.Rating3StarPercent%</div>
@@ -92,7 +92,7 @@
         <div class="rating-label">2 star</div>
         <div class="rating-progress-bar">
             <div class="progress">
-                <div id="progressBar2star" class="progress-bar bg-warning" aria-valuemin="0" aria-valuemax="100" style="width: @Model.RatingSummary.Rating2StarPercent% !important;"></div>
+                <div id="progressBar2star" class="progress-bar bg-warning" aria-valuemin="0" aria-valuemax="100" role="progressbar" aria-label="progressBar2" style="width: @Model.RatingSummary.Rating2StarPercent% !important;"></div>
             </div>
         </div>
         <div class="rating-value"> @Model.RatingSummary.Rating2StarPercent%</div>
@@ -101,7 +101,7 @@
         <div class="rating-label">1 star</div>
         <div class="rating-progress-bar">
             <div class="progress">
-                <div id="progressBar1star" class="progress-bar bg-warning" aria-valuemin="0" aria-valuemax="100" style="width: @Model.RatingSummary.Rating1StarPercent% !important;"></div>
+                <div id="progressBar1star" class="progress-bar bg-warning" aria-valuemin="0" aria-valuemax="100" role="progressbar" aria-label="progressBar1" style="width: @Model.RatingSummary.Rating1StarPercent% !important;"></div>
             </div>
         </div>
         <div class="rating-value"> @Model.RatingSummary.Rating1StarPercent%</div>