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)")) 

相应地关闭跨度标签