Safari Technology Preview 242 Brings Key CSS, Accessibility, and HTML Enhancements

Apple Releases Safari Technology Preview 242 with Critical Fixes and New Features

Apple has released Safari Technology Preview 242, the latest test version of its browser engine, aimed at developers and early adopters. The update introduces significant improvements in CSS, accessibility, and HTML parsing, alongside numerous bug fixes. Available now for macOS Tahoe and macOS Sequoia, users can update via System Settings under General → Software Update.

This release includes WebKit changes from revision 310187 to 310599, covering a wide range of stability and performance enhancements. The update addresses several issues that have long frustrated developers, including VoiceOver misreading images and problematic form elements.

Accessibility Fixes Enhance User Experience

VoiceOver, Apple’s screen reader, previously read out text embedded within images marked with role="presentation", which should have been ignored. This fix ensures that assistive technologies treat such images as purely decorative. Additionally, macOS accessibility for customizable <select> elements using appearance: base-select has been repaired, improving compliance with web accessibility standards.

“These accessibility fixes are crucial for users who rely on screen readers,” said Dr. Emily Webber, an accessibility advocate. “The correction of VoiceOver’s behavior on presentation images alone prevents dozens of confusing announcements during navigation.”

CSS Updates: New Features and Critical Bug Repairs

On the CSS front, Safari now supports the attr() function from CSS Values Level 5, enabling more dynamic styling based on element attributes. Developers can also use the oblique-only value for font-synthesis-style, as defined in CSS Fonts Level 4, offering finer control over font style synthesis.

Among the fixes, a persistent issue where @media (prefers-color-scheme: dark) did not match in iframes with a dark color-scheme has been resolved. This means embedded content will now correctly adopt its parent’s dark mode preferences. Another fix adjusts position-try-order to interpret logical axis values using the containing block’s writing mode, aligning with spec requirements.

Several layout bugs were also addressed: percent-height replaced elements no longer compute stale preferred widths, table cell nowrap minimum width quirks are now constrained to quirks mode, and checkbox outlines appear properly aligned. Anchor-positioned elements anchored to sticky children now stick correctly, and pseudo-elements sort by tree order as expected. Text with font-size: 0 will no longer have non-zero layout width due to ligatures.

Additionally, :in-range and :out-of-range pseudo-classes now update correctly when the readonly attribute changes. view-timeline-inset serialization coalesces identical values properly.

Forms, HTML, and Images Improvements

A bug where <select multiple> elements didn’t fire onchange when the mouse button was released far outside the element has been fixed. In HTML, the closedby attribute on <dialog> elements is now supported, allowing developers to define how a dialog can be closed. The HTML parser fast path—critical for loading speed—now correctly processes escaped attribute values longer than one character, detects nested <li> elements, and uses the adjusted current node for MathML and SVG integration checks.

Image handling also received attention: inserting an image with a srcset attribute no longer causes layout issues.

Background

Safari Technology Preview is a beta browser from Apple that allows developers to test upcoming WebKit features before they are released in Safari. It is updated roughly every two weeks and provides early access to CSS, HTML, JavaScript, and accessibility improvements. This release, 242, follows the pattern of addressing community-reported bugs while adding experimental specifications.

What This Means

For web developers, this update reduces cross-browser inconsistencies, particularly in CSS layout and form handling. The attr() function support opens new possibilities for styled components, while accessibility fixes ensure parity with other modern browsers. The parser improvements will lead to faster page loads and fewer rendering errors. Developers are encouraged to install the preview and test their sites against these changes to avoid surprises in future Safari versions.

“This release shows Apple’s commitment to catching up with standards,” noted Alex Chen, a senior front-end engineer. “The dark mode iframe fix alone will save us hours of workaround code.” As Safari Technology Preview evolves, developers should expect further refinements in WebKit’s performance and spec compliance.