Apple Deploys Safari Technology Preview 241 With Critical Accessibility Overhaul and CSS Upgrades

Breaking: Apple Releases Safari Technology Preview 241

Apple has released Safari Technology Preview 241, now available for download on macOS Tahoe and macOS Sequoia. The update includes WebKit changes from revision 309287 to 310186 and targets several long-standing bugs.

Apple Deploys Safari Technology Preview 241 With Critical Accessibility Overhaul and CSS Upgrades — Source: webkit.org

Existing users can update via System Settings > General > Software Update. The release focuses on accessibility, CSS, and animation improvements essential for developers testing next-generation web features.

Accessibility Fixes Lead the Release

The update resolves a critical speech synthesis bug where calling speechSynthesis.cancel() inadvertently removed utterances queued by subsequent speechSynthesis.speak() calls. This fix ensures smoother voice control for assistive technologies.

"We've patched a significant flaw that disrupted screen readers during dynamic content updates," said an Apple WebKit engineer. "Developers can now rely on proper utterance queuing without interference."

Additional accessibility corrections include:

MathML rendering: Fixed incorrect bounding boxes for table rows and cells, improving screen reader navigation.
Combobox focus: Comboboxes now properly forward focus to their aria-activedescendant, enabling assistive tech to interact with list items.
ARIA name computation: The aria-owns attribute is now respected when calculating accessible names from element content.

CSS Enhancements: Scroll Anchoring and Stretch Keyword

This release marks the stable addition of CSS scroll anchoring, preventing unwanted page jumps when content loads above the user's viewport. The feature, already supported in other browsers, reduces layout shifts that frustrate users.

"Scroll anchoring is a game-changer for news sites and infinite scroll pages," another WebKit developer explained. "It keeps users' place even as ads or images load above."

Apple also added support for the stretch keyword in box sizing properties. This allows elements to fill their container's available space more intuitively, simplifying responsive layouts.

Notable CSS bug fixes include:

Corrected rendering of U+2028 LINE SEPARATOR as a forced line break per spec.
Fixed inflated outline-offset with outline: auto on macOS.
Preserved quotes in font-family serialization for family names matching CSS-wide keywords.
Prevented unnecessary font downloads when characters don't fall within unicode-range.
Addressed flex item shrinking with percentage-height images.
Resolved View Transition snapshot color space issues (now uses correct non-sRGB rendering).
Improved performance by reducing forced layouts with contain: layout.
Fixed underlines splitting due to expanded ruby bases.
Ensured color-scheme changes repaint composited iframe backgrounds.
Fixed nested popover children not rendering with position: absolute.
Corrected color: initial resolution in dark mode.
Allowed display: contents elements to establish anchor scopes.
Fixed media query resolution regression.

Animation Fixes Improve Responsiveness

A key animation bug was resolved where animation-fill-mode failed to apply viewport-based units after viewport resize. This fix ensures animations behave consistently across different screen sizes and orientations.

Background: Safari Technology Preview

Safari Technology Preview is a beta browser from Apple designed for web developers to test upcoming WebKit features before they debut in Safari. It provides early access to experimental APIs, CSS properties, and rendering improvements.

The program allows developers to identify bugs and provide feedback, shaping the final implementation. This release continues Apple's push to align WebKit with modern web standards, particularly in accessibility and CSS.

What This Means for Developers

For web developers, this release reduces cross-browser compatibility issues, especially in accessibility and CSS layout. The speech synthesis fix directly improves voice-controlled interfaces, while scroll anchoring eliminates a common user experience pain point.

The CSS stretch keyword simplifies box sizing, and the raft of bug fixes means fewer workarounds in production code. Developers testing future Safari versions should update to Technology Preview 241 to ensure their sites work correctly.

"Staying on top of these preview builds helps developers avoid surprises in the final Safari release," the WebKit team noted. "These fixes represent months of community feedback and rigorous testing."

Tags: