A pure CSS carousel without any JavaScript. The magic of #CSS and #HTML 🪄✨

Demo: https://codepen.io/jwjertzoch/pen/JjyGeRy

#WebDev

https://levelup.gitconnected.com/how-to-make-a-fully-accessible-css-only-carousel-40e8bd62032b

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)}

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."

https://www.smashingmagazine.com/2020/01/html5-article-section/

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): https://www.damianwajer.com/blog/custom-styled-form-controls/

#WebDev

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}