How does CSS opacity affect accessibility?

Question

After browsing a number of Google and other SO articles, I\'ve decided to ask my question plainly in hopes of a simple, direct answer.

To add one further step to the dis

Answer 1

While this is an older question, it was one of the first that surfaced in a Google search, so I wanted to chime in.

As of April 2017, the ChromeVox screen reader does not read content that is set to opacity 0.

Specifically, ChromeVox won't read text that has been visually hidden with opacity set to zero, unless the element is labeled by visually available text.

For example:

not read


is read



  Read More
  
    this will not be read
  



button label

  This text will not be read