A pure CSS carousel without any JavaScript. The magic of #CSS and #HTML 🪄✨
Demo: codepen.io/jwjertzoch/pen/JjyG…
levelup.gitconnected.com/how-t…
How to Make a Fully Accessible CSS-Only Carousel - Level Up Coding
First of all, what is a carousel? Carousels show a collection of elements one after the other. Also known as “slideshows” and “sliders”. Often these are used to accommodate a larger amount of content…Jennifer Wjertzoch (Level Up Coding)
reshared this
Choose #HTML article
over section
"<article>
isn’t just for blog posts — it’s for any self-contained thing. It also helps WatchOS display your content properly.<section>
can be used with aria-label to signal to a screen reader user where a particular sub-part of an article begins and ends. Otherwise, forget about it, or use another element, such as<aside aria-label=”quick summary”>
or<div role=”region” aria-label=”quick summary”>
"
From the spec:
"The article element represents a complete, or self-contained, composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content."
smashingmagazine.com/2020/01/h…
Why You Should Choose HTML5 article Over section — Smashing Magazine
In this article, Bruce Lawson explains what use we have of `` and how authors should mark up headings that are hugely important to AT users.Smashing Magazine
Custom form controls (select, checkbox, radio) with #HTML and #CSS (without JavaScript): damianwajer.com/blog/custom-st…
CSS-only custom-styled select, checkbox, radio example (without JavaScript) - Damian Wajer
Whenever possible, I try to use native HTML elements to take full advantage of the built-in accessibility and usability benefits that come with them. Such benefits are sometimes…Damian Wajer
Accessible card component with the pseudo-content trick: damianwajer.com/blog/accessibl…
#WebDev #HTML #CSS #Accessibility
Laimis
in reply to Damian Wajer • • •Damian Wajer likes this.