Small a11y fixes

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/assets/oruga-tailwindcss.css

@@ -197,7 +197,7 @@ button.menubar__button {
 }
 
 .notification-info {
-  @apply bg-mbz-info;
+  @apply bg-mbz-info text-black;
 }
 
 .notification-warning {

js/src/components/NavBar.vue

@@ -1,5 +1,8 @@
 <template>
-  <nav class="bg-white border-gray-200 px-2 sm:px-4 py-2.5 dark:bg-zinc-900">
+  <nav
+    class="bg-white border-gray-200 px-2 sm:px-4 py-2.5 dark:bg-zinc-900"
+    id="navbar"
+  >
     <div class="container mx-auto flex flex-wrap items-center mx-auto gap-4">
       <router-link :to="{ name: RouteName.HOME }" class="flex items-center">
         <MobilizonLogo class="w-40" />

js/src/components/PageFooter.vue

@@ -21,6 +21,7 @@
     >
       <li>
         <o-select
+          class="text-black dark:text-white"
           :aria-label="t('Language')"
           v-model="locale"
           :placeholder="t('Select a language')"

js/src/views/SearchView.vue

@@ -424,7 +424,7 @@
     <div class="flex-1 px-2">
       <div
         id="results-anchor"
-        class="hidden sm:flex items-center justify-between dark:text-slate-100"
+        class="hidden sm:flex items-center justify-between dark:text-slate-100 mb-2"
       >
         <p v-if="totalCount === 0">
           <span v-if="contentType === ContentType.EVENTS">{{
@@ -465,7 +465,14 @@
           </span>
         </p>
         <div class="flex gap-2">
-          <o-select :placeholder="t('Sort by')" v-model="sortBy">
+          <label class="sr-only" for="sortOptionSelect">{{
+            t("Sort by")
+          }}</label>
+          <o-select
+            :placeholder="t('Sort by')"
+            v-model="sortBy"
+            id="sortOptionSelect"
+          >
             <option
               v-for="sortOption in sortOptions"
               :key="sortOption.key"