Use class to style screenreader-only text
This commit is contained in:
parent
6158b8667e
commit
902954b298
5 changed files with 15 additions and 26 deletions
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div
|
||||
class="screen-reader-text"
|
||||
class="visible-for-screenreader-only"
|
||||
:aria-live="ariaLive"
|
||||
>
|
||||
{{ currentText }}
|
||||
|
|
@ -8,11 +8,3 @@
|
|||
</template>
|
||||
|
||||
<script src="./screen_reader_notice.js"></script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "../../mixins";
|
||||
|
||||
.screen-reader-text {
|
||||
@include visible-for-screenreader-only;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue