The Spyders will read your DOM/HTML
, and not your CSS
, but...
By the fact that you are hiding the content on the screen this will harm the screen readers, although it is not possible to state that qq screen reader
you’ll be able to read something with display:none
your website may become less accessible to screen readers, which may harm your accessibility note
I remember there may be two other problems in having DOM
many "hidden" elements with display:none
, the first and least serious is the error of Avoid an excessive DOM size you can consult more here: https://web.dev/dom-size/
And the second problem is you fall into some policy of black hat from Google, which can punish you for trying to hide links
and other interactive elements with display: none;
, then we highly recommend that you never use this:None display on links
You can check your accessibility note on the flap Audits
for DevTools
Chrome, this note yes can interfere with your ranking.
And here the report where you should check this question of hidden content for the screen readers
At least Google, its engine acts on the page Dom, however, the invisible element remains visible to Google. I don’t know any more Seos, but it shouldn’t be any different.
– CypherPotato