GSAP, "Flash of Content" and Accessibility/Screen Readers
Hi all,
Just a quick Q that I can't seem to find a good answer for:
I am using GSAP to animate some elements in, but on page load, there's a quick flash before GSAP hides the elements. I read that I can use "visibility:hidden" within my CSS to hide the element before the JS execution. This works great!....but also makes it so Screen Readers don't recognize this content. I've read mixed messaging on whether a screen reader would execute the JS and then crawl the content, b
Yeah, the main reasons to use autoAlpha are:
If you want things to not be clickable when invisible. Like sometimes you may have "invisible" things sitting on top of elements that you want to be clickable, but if you only have opacity: 0 those elements can still obscure mouse clicks
In extreme cases, it can help the browser do graphics rendering faster because it can totally ignore anything with visibility: hidden
But in your case, it sounds like there's no good reason to use