feedback

DFE-Digital · Apr 24, 2024 · 6a6c1fe · 6a6c1fe
1 parent abfde38
commit 6a6c1fe
Showing 1 changed file with 18 additions and 10 deletions.
diff --git a/app/views/layouts/_feedback.html b/app/views/layouts/_feedback.html
@@ -4,8 +4,8 @@
             <div class="govuk-grid-column-full">
                 <div class="dfe-feedback-banner">
                     <div class="dfe-feedback-banner--content">
-                        <h2 class="govuk-heading-s">We'd like your feedback to make this service better.
-                        </h2>
+                        <h2 class="govuk-heading-s">We've made some changes, and we'd like your feedback to make this
+                            service better.</h2>
                         <form id="feedbackForm" action="/form-response/helpful" method="post">
                             <div class="dfe-feedback-banner--content-questions">
                                 <div class="dfe-feedback-banner--content-question" id="questionForm">
@@ -18,7 +18,8 @@ <h2 class="govuk-heading-s dfe-feedback-banner--content-question-text">Is this p
                                             data-module="govuk-button" onclick="submitFeedback('No')">No</button>
                                     </div>
                                 </div>
-                                <div class="dfe-feedback-banner--content-message" id="thanksMessage" hidden>Thank you
+                                <div class="dfe-feedback-banner--content-message" id="thanksMessage" role="status"
+                                    hidden>Thank you
                                     for your feedback</div>
                                 <div class="dfe-feedback-banner--content-problem" id="problemButton">
                                     <button type="button" class="govuk-button govuk-button--secondary"
@@ -28,15 +29,22 @@ <h2 class="govuk-heading-s dfe-feedback-banner--content-question-text">Is this p
                         </form>
                         <div class="dfe-feedback-panel" id="feedback-panel" style="display: none;" aria-hidden="true">
                             <form id="feedback-form">
-                                <h2 class="govuk-heading-m">Give feedback about this page</h2>
+
                                 <div class="govuk-character-count" data-module="govuk-character-count"
                                     data-maxlength="200">
-                                    <textarea class="govuk-textarea govuk-js-character-count" id="feedback_form_input"
-                                        name="feedback_form_input" rows="5"
-                                        aria-describedby="feedback_form_input-hint"></textarea>
-                                    <div id="feedback_form_input-info"
-                                        class="govuk-hint govuk-character-count__message">You can enter up to 200
-                                        characters</div>
+                                    <div class="govuk-form-group">
+                                        <h3 class="govuk-label-wrapper">
+                                            <label class="govuk-label govuk-label--m" for="feedback_form_input">
+                                                Can you provide more detail?
+                                            </label>
+                                        </h3>
+                                        <textarea class="govuk-textarea govuk-js-character-count"
+                                            id="feedback_form_input" name="feedback_form_input" rows="5"
+                                            aria-describedby="feedback_form_input"></textarea>
+                                        <div id="feedback_form_input-info"
+                                            class="govuk-hint govuk-character-count__message">You can enter up to 200
+                                            characters</div>
+                                    </div>
                                 </div>
                                 <div class="govuk-button-group">
                                     <button class="govuk-button" data-module="govuk-button"