Accessible Forms with Pseudo Classes

Hey all you wonderful developers out there! In this post, I am going to take you through creating a simple contact form using semantic HTML and an awesome CSS pseudo class known as :focus-within. The :focus-within class allows for …


Accessible Forms with Pseudo Classes originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

https://css-tricks.com/accessible-forms-with-pseudo-classes/

Created 1y | Mar 22, 2024, 9:20:05 PM


Login to add comment

Other posts in this group

Covering hidden=until-found

Short story: Slapping hidden=until-found on an element in HTML enables any hidden content within the element to be findable in the browser with in-page search.


Aug 15, 2025, 1:30:21 PM | CSS tricks
On Accessibility Conformance, Design Systems, and CSS “Base” Units

My brain can’t help but try to make connections between seemingly disparate ideas. And that’s what happened yesterday when I read:

  • Hidde’s
Aug 14, 2025, 2:20:30 PM | CSS tricks
We Might Need Something Between Root and Relative CSS Units for “Base Elements”

I've come to realize that perhaps we need to have a unit between root and relative values. This would bring about a whole new possibility when creating reusable components.


Aug 13, 2025, 3:10:33 PM | CSS tricks
CSS-Questions

CSS-Questions is a mini site where you can test your CSS knowledge with over 100 questions.


CSS-Questions or

Aug 12, 2025, 3:50:20 PM | CSS tricks
Stuff & Nonsense Practical Layout Workshop

Web design veteran Andy Clarke is offering a two-hour workshop all about creating practical and creative page layouts this September 18. Register and save a few bucks with a coupon code.


Aug 11, 2025, 4:40:19 PM | CSS tricks
Getting Creative With Quotes

How do you design block quotes and pull quotes to reflect a brand’s visual identity and help tell its story? Here’s how I do it by styling the HTML blockquote element using borders, de

Aug 11, 2025, 2:30:13 PM | CSS tricks
How to Prepare for CSS-Specific Interview Questions

Get advice answering a set of 10 CSS-related questions you likely will encounter in front-end interviews.


Aug 8, 2025, 2:30:14 PM | CSS tricks