feat: professionalize platform release 0.3.13

templates/base.html

@@ -62,9 +62,9 @@
           <button class="icon-button mobile-only" type="button" data-nav-toggle aria-label="Menu openen" aria-expanded="false"><svg class="icon"><use href="#icon-menu"></use></svg></button>
           <div class="workspace-identity desktop-label"><span>VacatureRadar</span><small>{{ page_context_label }}</small></div>
           <form class="command-search" method="get" action="{% url 'jobs:list' %}" role="search">
-            <label class="sr-only" for="global-search">Zoek door vacatures</label>
+            <label class="sr-only" for="global-search">Zoek vacatures</label>
             <svg class="icon" aria-hidden="true"><use href="#icon-search"></use></svg>
-            <input id="global-search" type="search" name="q" value="{% if request.resolver_match.namespace == 'jobs' and request.resolver_match.url_name == 'list' %}{{ request.GET.q }}{% endif %}" placeholder="Zoek vacatures, werkgevers of skills…">
+            <input id="global-search" type="search" name="q" value="{% if request.resolver_match.namespace == 'jobs' and request.resolver_match.url_name == 'list' %}{{ request.GET.q }}{% endif %}" placeholder="Zoek vacatures op titel, werkgever of skill…" autocomplete="off">
             <kbd aria-hidden="true">/</kbd>
           </form>
         </div>
@@ -79,14 +79,14 @@
         </div>
       </header>
 
+      <main id="main" class="cockpit-main" tabindex="-1">
       {% if demo_read_only %}
-      <div class="demo-mode-banner" role="status">
+      <div class="demo-mode-banner" role="status" aria-label="Publieke demo, alleen-lezen">
         <svg class="icon" aria-hidden="true"><use href="#icon-eye"></use></svg>
         <span><strong>Publieke demo · alleen-lezen</strong><small>Je kunt alle schermen en analyses bekijken; wijzigingen en imports zijn uitgeschakeld.</small></span>
       </div>
       {% endif %}
 
-      <main id="main" class="cockpit-main" tabindex="-1">
         {% if messages %}<div class="toast-stack" aria-live="polite" aria-atomic="true">{% for message in messages %}<div class="toast {{ message.tags }}"><svg class="icon" aria-hidden="true"><use href="{% if message.tags == 'error' %}#icon-alert{% else %}#icon-check{% endif %}"></use></svg><span>{{ message }}</span></div>{% endfor %}</div>{% endif %}
   {% else %}
   <main id="main" class="auth-shell" tabindex="-1">