我對vue.js和可訪問性非常陌生,
我正在嘗試使螢屏閱讀器將元素宣布為(“這是” person.name)。
我能夠宣布 person.name ,:aria-label="person.name"但我無法在此周圍添加文本。
如何在動態分配的周圍添加文本:aria-label?
uj5u.com熱心網友回復:
你試過了嗎 :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>
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/467600.html
標籤:javascript html Vue.js Vuejs2 可访问性
