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 {
@apply bg-mbz-info;
@apply bg-mbz-info text-black;
}
.notification-warning {

View file

@ -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" />

View file

@ -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')"

View file

@ -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"