aboutsummaryrefslogtreecommitdiff
path: root/src/components/screen_reader_notice/screen_reader_notice.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/screen_reader_notice/screen_reader_notice.vue')
-rw-r--r--src/components/screen_reader_notice/screen_reader_notice.vue21
1 files changed, 21 insertions, 0 deletions
diff --git a/src/components/screen_reader_notice/screen_reader_notice.vue b/src/components/screen_reader_notice/screen_reader_notice.vue
new file mode 100644
index 00000000..5098b94f
--- /dev/null
+++ b/src/components/screen_reader_notice/screen_reader_notice.vue
@@ -0,0 +1,21 @@
+<template>
+ <div
+ class="screen-reader-text"
+ :aria-live="ariaLive"
+ >
+ {{ currentText }}
+ </div>
+</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>