Safari 15.4

Posted 15th March 2022 in Accessibility, Apple, CSS and HTML

macOS 12.3 and iOS 15.4 landed yesterday, and with them came Safari 15.4 which brings some exciting new features. Here are the five that stood out to me:

  • CSS’s :focus-visible pseudo-class, which is now finally supported across all modern browsers
  • The loading="lazy" HTML attribute for images, which only loads images when they’re in or just-about-to-be-in the viewport
  • The native <dialog> element and its partner ::backdrop pseudo-element
  • The :has() pseudo-class, which essentially gives us a way to select a parent element in CSS! Let’s hope more browsers follow soon
  • The accent-color property, which allows us to style the default colours of form elements

Accessibility in your inbox

I send an accessibility-centric newsletter on the last day of every month, containing:

  • A roundup of the articles I’ve posted
  • A hot pick from my archives
  • Some interesting posts from around the web

I don’t collect any data on when, where or if people open the emails I send them. Your email will only be used to send you newsletters and will never be passed on. You can unsubscribe at any time.

More posts

Here are a couple more posts for you to enjoy. If that’s not enough, have a look at the full list.

  1. Avatars and alt text

    I really enjoyed Nicolas Steenhout’s recent article on Alt text for avatars or user photos. But there is a context where I would break his rule…

  2. Upgrading from iPhone 13 mini to 16 Pro

    I get a new phone every 3-ish years, give mine to my wife, and now she gives hers to our daughter. I got a 16 Pro this year! Here’s the skinny.