diff options
| author | HJ <30-hj@users.noreply.git.pleroma.social> | 2023-01-28 23:04:59 +0000 |
|---|---|---|
| committer | HJ <30-hj@users.noreply.git.pleroma.social> | 2023-01-28 23:04:59 +0000 |
| commit | f229c4a106b574e8a3de38fe06ef84dc11493fad (patch) | |
| tree | 54e12de554f5203e5b39b69fc8a52f3d54d36653 /src/components/screen_reader_notice/screen_reader_notice.vue | |
| parent | af220924723676d79431ab9acc03bd4de082003d (diff) | |
| parent | 5f12c3ae76b82afd2040f2bcc83bf2eda5c4ff91 (diff) | |
Merge branch 'from/develop/tusooa/autocomplete-accessibility' into 'develop'
Autocomplete accessibility
Closes #1219
See merge request pleroma/pleroma-fe!1771
Diffstat (limited to 'src/components/screen_reader_notice/screen_reader_notice.vue')
| -rw-r--r-- | src/components/screen_reader_notice/screen_reader_notice.vue | 21 |
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> |