Small a11y fixes

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2022-09-01 10:42:05 +02:00
parent 93921be722
commit d97927da13
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
4 changed files with 15 additions and 4 deletions

View file

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

View file

@ -1,5 +1,8 @@
<template> <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"> <div class="container mx-auto flex flex-wrap items-center mx-auto gap-4">
<router-link :to="{ name: RouteName.HOME }" class="flex items-center"> <router-link :to="{ name: RouteName.HOME }" class="flex items-center">
<MobilizonLogo class="w-40" /> <MobilizonLogo class="w-40" />

View file

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

View file

@ -424,7 +424,7 @@
<div class="flex-1 px-2"> <div class="flex-1 px-2">
<div <div
id="results-anchor" 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"> <p v-if="totalCount === 0">
<span v-if="contentType === ContentType.EVENTS">{{ <span v-if="contentType === ContentType.EVENTS">{{
@ -465,7 +465,14 @@
</span> </span>
</p> </p>
<div class="flex gap-2"> <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 <option
v-for="sortOption in sortOptions" v-for="sortOption in sortOptions"
:key="sortOption.key" :key="sortOption.key"