What are the key takeaways from this Shop Talk Show episode?

Key insights include: **Declarative Web Push:** Safari 18.4 ships declarative web push using standardized JSON format instead of service workers, eliminating JavaScript requirements while improving battery efficiency and preventing code expiration issues that affect traditional push implementations on Apple platforms.; **Color Contrast Algorithm Flaws:** The WCAG 2.2 contrast algorithm produces incorrect results for mid-range colors, particularly blues and greens. APCA provides better guidance by considering font size and weight, though it lacks the binary simplicity developers prefer for accessibility compliance decisions.; **Appearance-Based Form Controls:** New appearance-based CSS property standardizes form control shadow DOM structure across browsers, inherits fonts automatically, uses transparent backgrounds by default, and eliminates the need to override decades-old styling quirks that made forms difficult to customize consistently.

What did Jen Simmons discuss on Shop Talk Show?

Jen Simmons from Apple's Safari team discusses declarative web push notifications, form control styling improvements with appearance-based CSS, color contrast algorithms, and Safari's implementation of wide gamut color pickers with display-p3 support. Key topics include: **Declarative Web Push:** Safari 18.4 ships declarative web push using standardized JSON format instead of service workers, eliminating JavaScript requirements while improving battery efficiency and preventing code expiration issues that affect traditional push implementations on Apple platforms.; **Color Contrast Algorithm Flaws:** The WCAG 2.2 contrast algorithm produces incorrect results for mid-range colors, particularly blues and greens. APCA provides better guidance by considering font size and weight, though it lacks the binary simplicity developers prefer for accessibility compliance decisions..

How long is this episode of Shop Talk Show?

This episode is 67 minutes long. SignalCast provides an AI-generated summary so you can get the key insights in about 3 minutes.

Shop Talk Show

667: Jen Simmons on Declarative Web Push, Form Control Styling, & More

June 2, 2025

67 min episode · 2 min read

Jen Simmons

Episode

67 min

Read time

2 min

Topics

Productivity, Software Development, Philosophy & Wisdom

AI-Generated Summary

Published Dec 25, 2025

Key Takeaways

✓Declarative Web Push: Safari 18.4 ships declarative web push using standardized JSON format instead of service workers, eliminating JavaScript requirements while improving battery efficiency and preventing code expiration issues that affect traditional push implementations on Apple platforms.
✓Color Contrast Algorithm Flaws: The WCAG 2.2 contrast algorithm produces incorrect results for mid-range colors, particularly blues and greens. APCA provides better guidance by considering font size and weight, though it lacks the binary simplicity developers prefer for accessibility compliance decisions.
✓Appearance-Based Form Controls: New appearance-based CSS property standardizes form control shadow DOM structure across browsers, inherits fonts automatically, uses transparent backgrounds by default, and eliminates the need to override decades-old styling quirks that made forms difficult to customize consistently.
✓Input Color Enhancements: Safari 18.4 adds color-space attribute supporting display-p3 wide gamut colors and alpha attribute for opacity control in native color pickers. Developers can now specify initial values using oklch, oklab, lch, or lab color formats directly.
✓Progressive Enhancement Strategy: Safari implements opt-in CSS features like appearance-based-select and declarative push to maintain backward compatibility while enabling new capabilities. This approach prevents breaking existing websites while allowing developers to adopt modern features when ready through explicit property declarations.

What It Covers

Jen Simmons from Apple's Safari team discusses declarative web push notifications, form control styling improvements with appearance-based CSS, color contrast algorithms, and Safari's implementation of wide gamut color pickers with display-p3 support.

Key Questions Answered

•Declarative Web Push: Safari 18.4 ships declarative web push using standardized JSON format instead of service workers, eliminating JavaScript requirements while improving battery efficiency and preventing code expiration issues that affect traditional push implementations on Apple platforms.
•Color Contrast Algorithm Flaws: The WCAG 2.2 contrast algorithm produces incorrect results for mid-range colors, particularly blues and greens. APCA provides better guidance by considering font size and weight, though it lacks the binary simplicity developers prefer for accessibility compliance decisions.
•Appearance-Based Form Controls: New appearance-based CSS property standardizes form control shadow DOM structure across browsers, inherits fonts automatically, uses transparent backgrounds by default, and eliminates the need to override decades-old styling quirks that made forms difficult to customize consistently.
•Input Color Enhancements: Safari 18.4 adds color-space attribute supporting display-p3 wide gamut colors and alpha attribute for opacity control in native color pickers. Developers can now specify initial values using oklch, oklab, lch, or lab color formats directly.
•Progressive Enhancement Strategy: Safari implements opt-in CSS features like appearance-based-select and declarative push to maintain backward compatibility while enabling new capabilities. This approach prevents breaking existing websites while allowing developers to adopt modern features when ready through explicit property declarations.

Notable Moment

The webkit.org team discovered their own color contrast function implementation was technically correct but relied on a fundamentally flawed WCAG 2.2 algorithm from the 1980s, leading to a three-week investigation involving accessibility experts to document why the algorithm fails on mid-tone colors.

Know someone who'd find this useful?

Episode Transcript

Hey there, Shababini. You're listening to another episode of this Shop Talk Show, a podcast all about front end web design development, and, this time, browsers. Hey. I'm Dave Rupert with miss Chris Coyer. Hey, Chris. Yeah. Hey, Dave. What's up? We have a, a special guest today on Chop Talk Show. Probably one of the person that's been on the show the most, friend of the show, Jen Simmons, now of, long time Apple and Safari team person. Hi, Jen. Hello. I love coming on podcasts. How many times do you think you need to be on the show before you earn a cohost title? Well, you have 667 episodes. Oh my gosh. So I don't know. I've been on whatever 10 of them, but that's nothing compared to congratulations, by the way, on having well over 600 shows. That's pretty impressive. It's we make it easy, I think, is our claim to fame. Yeah. You know? You can see shows blow past that number, but if it's when they do it, like, three times a week, you know. These are weekly at best. So it's it's been a long time. Okay. So but this is it's exciting just to have you on generally because you're great. Hi, Jen. But also because this is a particularly fruit fruitful time for it. Like, the webkit.org blog is just filthy with, like, what? What? What? What? Blog posts, in my opinion, anyway. Like, holy cow. There's a lot to talk about here, new stuff, in, you know, web platform land and specifically stuff that Safari's shipped. Yeah. So we, our little team of, developer relations folks has grown. We added Sirani Birrick to our team recently. Now that we've got three people, we are on a mission to write articles on webkit.org and make more content. If people haven't checked it out, the website's webkit.org. There's all kinds of information there, documentation about Web Inspector, if you want to contribute to the WebKit open source project, there's information. But also, we're really on a mission to create articles that are helpful to web developers, help you keep up, help you understand what's going on. That site has done that for years and years and years. But since, I guess, March, I think we've done one article every week to just keep going. That's a good clip. I have noticed in my RSS reader, I want to say, there's been a turning of the tables a little bit, I want to say, just in broadcast. It's been welcome. It's good to see. Especially because the bar is really high because it's not like, how does float work? Every person's like, here's a brand brand new thing. Yeah. Which is a whole different style of pace. Yeah. And it's so interesting writing when I'm on a team of really smart people who care a lot about the details and getting things to be good, because that's different than running when I used to …

Get the full transcript (12,995 words) + summary by email — free

One-time email with the complete transcript and AI summary of this episode. No account needed.

One email, no spam. We’ll also show you what SignalCast does.

Browse all Shop Talk Show transcripts →