1613626 - NVDA screen reader doesn't read texts on hover when the element has a `transform: translate3d` property

Status: NEW

(Core :: Disability Access APIs, defect, P3)

Description

[wujek_bogdan]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36

Steps to reproduce:

I was testing the Swiper slider accessibility on various browsers with NVDA screen reader. It works well everywhere except for Firefox.

By default, the NVDA reader reads all texts on hover. It works for all texts except for texts that are inside slides. I found that the issue is caused by inline styles for the .swiper-wrapper element. The problem is caused by the transform property. If I disable that property in Firefox debugger then texts are read by NVDA.

Steps to reproduce:

• Use Firefox 71.0 on Windows
• Go to this site: https://swiperjs.com/demos/020-navigation.html
• Switch slides and hover over the texts
• NVDA doesn't read slides' content

Actual results:

NVDA doesn't read slides' content.

Expected results:

NVDA should read slides' text on hover.

I already reported this bug on NVDA github:
https://github.com/nvaccess/nvda/issues/10762

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The priority flag is not set for this bug.
:asa, could you have a look please?

For more information, please visit auto_nag documentation.

Comment 2

[James Teh [:Jamie]]

I can confirm this. That said, I wasn't able to get this to work in Chrome either.