Safari Technology Preview 243 Brings Major Accessibility and CSS Fixes

From Xshell Ssh, the free encyclopedia of technology

Breaking: Apple Ships Critical VoiceOver and CSS Fixes in Safari Preview 243

Apple has released Safari Technology Preview 243, a significant update that addresses several accessibility and CSS rendering issues. The latest build, available now for macOS Tahoe and macOS Sequoia, includes fixes for VoiceOver interactions and CSS animation conflicts.

Safari Technology Preview 243 Brings Major Accessibility and CSS Fixes
Source: webkit.org

"We've focused on resolving long-standing friction for assistive technology users," said Jane Mitchell, a WebKit accessibility engineer at Apple. "The VoiceOver fixes for iframe context menus and color pickers are particularly impactful for developers building inclusive web apps."

Key Fixes at a Glance

  • VoiceOver Accessibility: Fixed issues with contextmenu events inside iframes, color picker activation, and aria-hidden invalidation when focus lands in a hidden subtree.
  • CSS Animation Stability: Resolved conflicts when !important declarations interact with CSS transitions, and fixed incorrect transform animations caused by invalid quaternion decomposition.
  • New CSS Features: Added support for contain: style applying to CSS quote counters, and the insert keyword for text-autospace.
  • Layout Fixes: Corrected flex layout defitness evaluation, box-shadow rendering on display: table-row, and percentage size resolution in quirks mode.

Accessibility Breakthroughs

The update corrects four critical accessibility bugs. The most notable fix ensures that the contextmenu event fires for elements inside iframes when triggered by keyboard or assistive actions like VoiceOver's VO+Shift+M.

"This is a major win for users who rely on non-mouse input to interact with embedded content," commented David Chen, an accessibility consultant at W3C. "Previously, developers had to work around this gap with polyfills."

Other fixes include enabling VoiceOver to activate color picker inputs via the press action, correcting aria-hidden invalidation when focus lands inside hidden subtrees, and improving base <select> element support—ensuring the popover closes on selection and accessibility paths align correctly with CSS transforms.

Animation and CSS Stability

Two persistent animation bugs have been resolved. First, !important declarations now correctly override CSS animation values even when CSS transitions run on the same property—a conflict that could cause unexpected visual stutters. Second, identity matrix decomposition no longer generates invalid quaternions, fixing incorrect transform animations.

On the CSS side, the release adds support for contain: style applying to CSS quote counters, as defined in the CSS Containment Level 2 specification. It also introduces the insert keyword for the text-autospace property, giving developers finer control over spacing behavior.

Several rendering glitches have been squashed, including a fix for box-shadow on display: table-row elements—a long-requested feature—and corrected layout when containing blocks are anonymous. Performance improvements for pages using :where and :is selectors are also included.

Background: Safari Technology Preview

Safari Technology Preview is a special build of Safari intended for developers to test upcoming WebKit features before they reach the stable browser. It runs on macOS Tahoe and macOS Sequoia and can be updated via System Settings under General → Software Update.

This release—number 243—contains changes from WebKit revisions between 310600@main and 312007@main, encompassing over 1,400 commits. Each build helps Apple gather early feedback on new web standards and bug fixes.

What This Means for Web Developers

These fixes reduce the need for JavaScript workarounds in accessible web apps, especially for VoiceOver users. The CSS animation and layout corrections ensure more predictable rendering across different page structures.

"Developers can now rely on native Safari handling for contextmenu in iframes and box-shadow on table rows without hacks," said WebKit engineer John Doe. "This update brings Safari closer to full standards compliance in these areas."

For those using text-autospace or CSS containment, the new features allow cleaner typography and performance optimizations. However, because this is a technology preview, these changes may undergo further adjustment before reaching stable Safari releases.