Soy muy nuevo en vue.js y accesibilidad,
Estoy tratando de hacer que el lector de pantalla anuncie un elemento como ("Esto es" + persona.nombre).
Pude anunciar person.name con :aria-label="person.name" pero no puedo agregar texto al respecto.
¿Cómo agrego texto alrededor de la :aria-label asignada dinámicamente?
Probaste con :aria-label="'This is ' + person.name"
new Vue({ el: "#demo", data() { return { person: { name: "Logan" } } }, mounted() { console.log(this.$refs.btn) } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="demo"> <button ref="btn" :aria-label="'This is ' + person.name">name</button> </div>