NVDA 不读取 v-html 标签

Question

NVDA 屏幕 reader 正在阅读以下内容：

<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

尝试在您希望屏幕 reader 读取的数据之前添加 spring:theme 内容： 这是顺序：（span class for sr-only）spring:theme（要读取的数据）

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

相应地关闭 span 标签