10 Key Updates in Safari Technology Preview 241 You Should Know

Apple has just released Safari Technology Preview 241, packed with important refinements across accessibility, CSS, and animations. Whether you're a web developer or a curious user, these changes can significantly impact your browsing experience. Here are the top 10 updates you need to know about.

1. VoiceOver and Speech Synthesis Now Work Correctly

Accessibility gets a big boost with a fix for speechSynthesis.cancel(). Previously, calling this method would unexpectedly remove utterances queued by subsequent speechSynthesis.speak() calls, breaking text-to-speech sequences. This issue has been resolved, ensuring that assistive technologies can properly manage speech queues without losing planned announcements.

2. MathML Table Accessibility Improved

For users of mathematical content, incorrect bounding boxes for MathML table rows and cells made it difficult for screen readers to interpret complex equations. This release corrects those calculations, allowing assistive technologies to accurately pinpoint and describe each cell. This fix enhances the accessibility of math on the web, particularly in education and research contexts.

3. Combobox Focus Forwarded to Active Descendant

Comboboxes now properly forward focus to their aria-activedescendant, a crucial feature for keyboard and screen reader users. Previously, assistive technologies couldn’t interact with list items inside a combobox because focus remained on the parent element. This update ensures that when a user selects an item via keyboard, the corresponding UI element receives focus, enabling seamless navigation and selection.

4. Animation Fill Mode Respects Viewport Resizing

A long-standing animation issue has been fixed: animation-fill-mode now correctly applies viewport-based units after the viewport is resized. Previously, animations using viewport units like vh or vw would not update their fill state when the window changed size, leading to visual glitches. This fix ensures that animations respond dynamically to viewport changes, providing a smoother and more consistent user experience.

5. New CSS Stretch Keyword for Box Sizing

CSS gains the stretch keyword for box sizing properties. This addition allows elements to stretch to fill their containing block, simplifying layout code. Instead of using complex calculations or width: 100% with margin adjustments, developers can now use box-sizing: stretch for more intuitive sizing. This feature is especially useful for responsive design and grid layouts.

6. Stable CSS Scroll Anchoring Support

After experimental phases, Safari now offers stable support for CSS scroll anchoring. This feature prevents abrupt jumps when content above the viewport loads or changes. It automatically adjusts the scroll position so users don't lose their place. This is vital for news feeds, social media timelines, and any page where dynamic content shifts occur.

7. Line Separator U+2028 Correctly Breaks Lines

The Unicode character U+2028 LINE SEPARATOR is now rendered as a forced line break, aligning with the CSS specification. Previously, this character was ignored, causing text to run together. This fix ensures that content using line separators, such as in plain text files or certain data formats, breaks as intended, improving readability and consistency across browsers.

8. Font-Family Serialization Fixed for Special Names

When a font family name matches a CSS-wide keyword or generic family (e.g., “initial” or “sans-serif”), the browser now preserves quotes during serialization. Previously, those quotes were omitted, leading to ambiguities and potential parsing errors. This change makes font handling more robust, especially when using custom fonts with names that overlap with reserved CSS terms.

9. No Unnecessary Font Downloads for Out-of-Range Characters

Browsers would often download a font even if no characters in the document fell within its unicode-range. This wasted bandwidth and slowed page loads. Safari now checks the actual characters present before initiating a font download, improving performance for pages that reference many fonts but only use a subset of characters.

10. View Transitions Now Properly Handle Non-sRGB Colors

View Transition snapshots were previously stored in sRGB color space, which caused rendering issues for elements using wider color gamuts like Display P3. This update stores snapshots in the original color space, preserving color accuracy. Developers using advanced color palettes in their animations will now see consistent, vibrant results during transitions.

These updates represent significant strides in web standards adherence and user experience. Whether you're developing with the latest CSS features or ensuring your site is accessible, Safari Technology Preview 241 offers critical improvements. Check your software update today to explore these enhancements firsthand.