Marquee html7/3/2023 However, most of the examples I came across weren't fully responsive. The marquee concept has been done plenty of times and may seem old hat. Here's a stripped-down example: īe sure to set aria-hidden="true" to hide any repeated or redundant content from screen readers. In this scenario, content is duplicated to create the illusion of it looping indefinitely. Developers have discovered a few ways of reimagining the concept, the most popular accomplished with HTML and CSS. Now that we've gleaned a tiny slice of web history, it's arguable that a marquee-style animation can inject some pop to a page when done responsibly. Things get really out of hand if there are multiple visible on screen like this example from MDN.įun? Maybe. They can be too distracting, don't respect reduced-motion preferences, and in most cases render text unreadable. Also, when visiting that MDN link, notice the page starts with a deprecation warning that this feature is no longer recommended:Īvoid using it, and update existing code if possible Be aware that this feature may cease to work at any time.Ī handful of usability concerns led to eventually being nixed. Review them here on MDN if you're curious. It even included options to control text behavior once it reached the end of its container with a handful of attributes. The HTML element had blessed (cursed?) the early days of the internet with the ability to insert scrolling text onto a webpage.
0 Comments
Leave a Reply. |