From 6235af4592c52a657415ffae772bd83ec106bc13 Mon Sep 17 00:00:00 2001 From: tusooa Date: Sat, 21 Jan 2023 01:07:07 -0500 Subject: Make screenreaders read out autocomplete results --- .../screen_reader_notice/screen_reader_notice.js | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 src/components/screen_reader_notice/screen_reader_notice.js (limited to 'src/components/screen_reader_notice/screen_reader_notice.js') diff --git a/src/components/screen_reader_notice/screen_reader_notice.js b/src/components/screen_reader_notice/screen_reader_notice.js new file mode 100644 index 00000000..3b8eaf37 --- /dev/null +++ b/src/components/screen_reader_notice/screen_reader_notice.js @@ -0,0 +1,21 @@ +const ScreenReaderNotice = { + props: { + ariaLive: { + type: String, + defualt: 'assertive' + } + }, + data () { + return { + currentText: '' + } + }, + methods: { + announce (text) { + this.currentText = text + setTimeout(() => { this.currentText = '' }, 1000) + } + } +} + +export default ScreenReaderNotice -- cgit v1.2.3-70-g09d2