feat: STADTKLN-135 filters live area (#11)

* feat: implement filters live area * feat: implement results count live area
virtualidentityag · Sep 10, 2024 · 8762a39 · 8762a39
1 parent d26e8ea
commit 8762a39
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/pages/overview.twig b/src/pages/overview.twig
@@ -142,7 +142,7 @@
         <div class='col-12 col-lg-9'>
           <div class='pb-3 pt-0 pt-md-3 d-flex flex-wrap column-gap-3 align-items-center justify-content-end'>
             <p class='m-0'><strong>Sortieren nach</strong></p>
-            <div class='dropdown '>
+            <div class='dropdown'>
               <button
                 class='btn btn-light dropdown-toggle shadow-sm'
                 type='button'
@@ -171,6 +171,7 @@
               <i class='bi bi-funnel-fill'></i>
             </button>
           </div>
+          <div class='visually-hidden' role='region' aria-live='polite'>5 Ergebnisse</div>
           <div class='mt-3'>
             <div class='pb-3'>
               {%

diff --git a/src/partials/content-layout/cl_filters.twig b/src/partials/content-layout/cl_filters.twig
@@ -12,7 +12,7 @@
   </div>
   <div class='offcanvas-body'>
     <h3 class='h5 mb-3'><strong>Filtern nach</strong></h3>
-    <div class='d-flex flex-column gap-4'>
+    <div class='d-flex flex-column gap-4' role='region' aria-live='polite'>
       {% for category in data %}
         <div>
           <h4 class='h6'>