avoid duplicate content

[lassediercks]

the headline with this css:

h1::before,
h1::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

means for a screenreader:

Hi I'm fabian, Hi I'm Fabian, Hi I'm Fabian

[afknapping]

i see.

analog to hidden "skip to content" links...

...how about placing a hidden checkbox there, saying something like "remove visual effects" or "enable screenreader mode" or the like? if it is checked, i could display: none the doubled content

[afknapping]

@lassediercks

how about placing a hidden checkbox there, saying something like "remove visual effects" or "enable screenreader mode" or the like? if it is checked, i could display: none the doubled content

any feedback on this before spend time on coding this? :)

[lassediercks]

I'd advise the following approach when approaching accessibility: the content of a website is fully accessible by default. All what is added on top of that should increase the user experience.

So I think it would be possible to have a checkbox that triggers that but if you compare that to the value added by the glitch animation, the glitch animation should be removed. imo.

[afknapping]

Thx! 👍

[lassediercks]

<3