Changes

web/wwwroot/cv-matcher/index.html

@@ -114,7 +114,7 @@
                             <label for="gdprConsent" data-i18n="cv.gdpr">I agree that my CV is processed and stored.</label>
                         </div>
                         <button id="matchSubmit" type="submit" class="btn btn-primary" data-i18n="cv.submit">Extract CV and match job</button>
-                        <strong id="matcherMsg" class="form-message"></strong>
+                        <strong id="matcherMsg" class="form-message" role="status" aria-live="polite"></strong>
                     </form>
                     <aside class="ai-panel result-panel">
                         <span class="eyebrow" data-i18n="cv.result">Result</span>
@@ -163,7 +163,7 @@
                             <textarea id="message" rows="6" data-i18n-placeholder="form.messagePlaceholder" placeholder="Tell me what you want to build." required></textarea>
                         </label>
                         <button id="submit" type="submit" class="btn btn-primary" data-i18n="form.send">Send message</button>
-                        <strong id="msgSubmit" class="form-message"></strong>
+                        <strong id="msgSubmit" class="form-message" role="status" aria-live="polite"></strong>
                     </form>
                 </div>
             </section>
@@ -184,8 +184,18 @@
             </div>
         </footer>
     </div>
-    <div id="contactLoader" class="loader-overlay" style="display:none;">
-        <div class="loader-box" data-i18n="status.sending">Sending...</div>
+    <div id="contactLoader" class="loader-overlay" style="display:none;" role="status" aria-live="polite">
+        <div class="loader-box">
+            <span class="loader-spinner" aria-hidden="true"></span>
+            <strong data-i18n="status.sending">Sending...</strong>
+        </div>
+    </div>
+    <div id="cvLoader" class="loader-overlay" style="display:none;" role="status" aria-live="polite">
+        <div class="loader-box">
+            <span class="loader-spinner" aria-hidden="true"></span>
+            <strong data-i18n="cv.loaderTitle">Working on your CV</strong>
+            <span data-i18n="cv.loaderText">Extracting text, retrieving context and scoring the match. This can take a moment.</span>
+        </div>
     </div>
     <div id="cookieBanner" class="cookie-overlay" style="display:none;">
         <div class="cookie-box">