NVDA 不讀取 v-html 標簽

Question

NVDA 屏幕閱讀器正在閱讀以下內容：

<span class="sr-only"><spring:theme code="checkout.doctor.name" /> {{ doctor.firstName.toLowerCase() }} {{ doctor.lastName.toLowerCase() }}</span>

但不要閱讀其中包含 v-html 內容的以下內容：

<span class="sr-only" v-html="phoneNumber(doctor.doctorContactsDetails)">{{ doctor.firstName.toLowerCase() }} {{ doctor.lastName.toLowerCase() }}</span>

嘗試在其中添加 spring 主題，仍然沒有運氣：

<span class="sr-only" v-html="formatAddress(doctor.doctorAddress)"><spring:theme code="checkout.doctor.address" /></span>

Answer 1

嘗試在您希望屏幕閱讀器讀取的數據之前添加 spring:theme 內容：這是順序：（僅限 sr 的 span 類） spring:theme（要讀取的數據）

((span class="sr-only" ) (spring:theme code="checkout.doctor.address" ) (span v-html="formatAddress(doctor.doctorAddress)")) 

相應地關閉跨度標簽