Add closeButtonAriaLabel to everymodal

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2021-11-13 12:33:14 +01:00
parent e6b186026d
commit b1a9c28a97
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
12 changed files with 59 additions and 9 deletions

View file

@ -9,7 +9,7 @@
type="is-danger"
:title="$t('Warning').toLocaleUpperCase()"
closable
aria-close-label="Close"
:aria-close-label="$t('Close')"
>
<p>
{{ $t("This is a demonstration site to test Mobilizon.") }}

View file

@ -299,6 +299,10 @@ export default class Comment extends Vue {
onConfirm: this.reportComment,
outsideDomain: this.comment.actor.domain,
},
// https://github.com/buefy/buefy/pull/3589
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
closeButtonAriaLabel: this.$t("Close"),
});
}

View file

@ -62,7 +62,11 @@
</b-button>
</p>
</b-field>
<b-modal has-modal-card v-model="showNewElementModal">
<b-modal
has-modal-card
v-model="showNewElementModal"
:close-button-aria-label="$t('Close')"
>
<div class="modal-card">
<header class="modal-card-head">
<button

View file

@ -46,7 +46,11 @@
/>
<b-icon v-else size="is-large" icon="account-circle" />
</span>
<b-modal :active.sync="isComponentModalActive" has-modal-card>
<b-modal
:active.sync="isComponentModalActive"
has-modal-card
:close-button-aria-label="$t('Close')"
>
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">{{ $t("Pick a profile or a group") }}</p>

View file

@ -65,6 +65,7 @@
<b-modal
:active.sync="isAnonymousParticipationModalOpen"
has-modal-card
:close-button-aria-label="$t('Close')"
ref="anonymous-participation-modal"
>
<div class="modal-card">

View file

@ -45,7 +45,11 @@
</figure>
<b-icon v-else size="is-large" icon="account-circle" />
</span>
<b-modal v-model="isComponentModalActive" has-modal-card>
<b-modal
v-model="isComponentModalActive"
has-modal-card
:close-button-aria-label="$t('Close')"
>
<identity-picker v-model="currentIdentity" />
</b-modal>
</div>

View file

@ -339,7 +339,12 @@
{{ $t("Only group moderators can create, edit and delete events.") }}
</b-message>
</div>
<b-modal v-model="dateSettingsIsOpen" has-modal-card trap-focus>
<b-modal
v-model="dateSettingsIsOpen"
has-modal-card
trap-focus
:close-button-aria-label="$t('Close')"
>
<form action>
<div class="modal-card" style="width: auto">
<header class="modal-card-head">

View file

@ -325,6 +325,7 @@
:active.sync="isReportModalActive"
has-modal-card
ref="reportModal"
:close-button-aria-label="$t('Close')"
>
<report-modal
:on-confirm="reportEvent"
@ -334,6 +335,7 @@
/>
</b-modal>
<b-modal
:close-button-aria-label="$t('Close')"
:active.sync="isShareModalActive"
has-modal-card
ref="shareModal"
@ -344,6 +346,7 @@
:active.sync="isJoinModalActive"
has-modal-card
ref="participationModal"
:close-button-aria-label="$t('Close')"
>
<identity-picker v-model="identity">
<template v-slot:footer>
@ -380,6 +383,7 @@
:active.sync="isJoinConfirmationModalActive"
has-modal-card
ref="joinConfirmationModal"
:close-button-aria-label="$t('Close')"
>
<div class="modal-card">
<header class="modal-card-head">
@ -427,6 +431,7 @@
</div>
</b-modal>
<b-modal
:close-button-aria-label="$t('Close')"
class="map-modal"
v-if="event.physicalAddress && event.physicalAddress.geom"
:active.sync="showMap"

View file

@ -647,6 +647,7 @@
<b-modal
v-if="physicalAddress && physicalAddress.geom"
:active.sync="showMap"
:close-button-aria-label="$t('Close')"
>
<div class="map">
<map-leaflet
@ -660,6 +661,7 @@
</b-modal>
</div>
<b-modal
:close-button-aria-label="$t('Close')"
:active.sync="isReportModalActive"
has-modal-card
ref="reportModal"
@ -673,6 +675,7 @@
/>
</b-modal>
<b-modal
:close-button-aria-label="$t('Close')"
v-if="group"
:active.sync="isShareModalActive"
has-modal-card

View file

@ -176,6 +176,7 @@
</router-link>
</section>
<b-modal
:close-button-aria-label="$t('Close')"
:active.sync="isReportModalActive"
has-modal-card
ref="reportModal"
@ -187,7 +188,12 @@
@close="$refs.reportModal.close()"
/>
</b-modal>
<b-modal :active.sync="isShareModalActive" has-modal-card ref="shareModal">
<b-modal
:active.sync="isShareModalActive"
has-modal-card
ref="shareModal"
:close-button-aria-label="$t('Close')"
>
<share-post-modal :post="post" />
</b-modal>
</article>

View file

@ -157,7 +157,11 @@
:aria-current-label="$t('Current page')"
>
</b-pagination>
<b-modal :active.sync="renameModal" has-modal-card>
<b-modal
:active.sync="renameModal"
has-modal-card
:close-button-aria-label="$t('Close')"
>
<div class="modal-card">
<section class="modal-card-body">
<form @submit.prevent="renameResource">
@ -172,7 +176,11 @@
</section>
</div>
</b-modal>
<b-modal :active.sync="moveModal" has-modal-card>
<b-modal
:active.sync="moveModal"
has-modal-card
:close-button-aria-label="$t('Close')"
>
<div class="modal-card">
<section class="modal-card-body">
<resource-selector
@ -184,7 +192,11 @@
</section>
</div>
</b-modal>
<b-modal :active.sync="createResourceModal" has-modal-card>
<b-modal
:active.sync="createResourceModal"
has-modal-card
:close-button-aria-label="$t('Close')"
>
<div class="modal-card">
<section class="modal-card-body">
<form @submit.prevent="createResource">
@ -208,6 +220,7 @@
has-modal-card
class="link-resource-modal"
aria-modal
:close-button-aria-label="$t('Close')"
>
<div class="modal-card">
<section class="modal-card-body">

View file

@ -149,6 +149,7 @@
</b-button>
<b-modal
:close-button-aria-label="$t('Close')"
:active.sync="isDeleteAccountModalActive"
has-modal-card
full-screen