aboutsummaryrefslogtreecommitdiff
path: root/src/components/screen_reader_notice/screen_reader_notice.vue
diff options
context:
space:
mode:
authorHJ <30-hj@users.noreply.git.pleroma.social>2023-02-10 09:48:55 +0000
committerHJ <30-hj@users.noreply.git.pleroma.social>2023-02-10 09:48:55 +0000
commit06551d447c0b702adeb3b16652b90b40fab090f7 (patch)
treeea3cd1fba9a3e9ec7ffc7ea6ba9ed398256f0c78 /src/components/screen_reader_notice/screen_reader_notice.vue
parent5f8988de929b067d1c0bdba037ddfec0b369d098 (diff)
parent902954b29825647eaf5435c89e379ef4babe7931 (diff)
Merge branch 'tusooa/checkbox-accessibility' into 'develop'
Make checkbox settings accessible See merge request pleroma/pleroma-fe!1778
Diffstat (limited to 'src/components/screen_reader_notice/screen_reader_notice.vue')
-rw-r--r--src/components/screen_reader_notice/screen_reader_notice.vue13
1 files changed, 1 insertions, 12 deletions
diff --git a/src/components/screen_reader_notice/screen_reader_notice.vue b/src/components/screen_reader_notice/screen_reader_notice.vue
index 5098b94f..8384ae6b 100644
--- a/src/components/screen_reader_notice/screen_reader_notice.vue
+++ b/src/components/screen_reader_notice/screen_reader_notice.vue
@@ -1,6 +1,6 @@
<template>
<div
- class="screen-reader-text"
+ class="visible-for-screenreader-only"
:aria-live="ariaLive"
>
{{ currentText }}
@@ -8,14 +8,3 @@
</template>
<script src="./screen_reader_notice.js"></script>
-
-<style lang="scss">
-.screen-reader-text {
- display: block;
- width: 1px;
- height: 1px;
- margin: -1px;
- overflow: hidden;
- visibility: visible;
-}
-</style>