Apple Releases Safari Technology Preview 237 with Major Accessibility and CSS Overhauls

<h2>Breaking News</h2><p>Apple has just released Safari Technology Preview 237, a major update that brings significant accessibility fixes and introduces a highly anticipated CSS pseudo-class. The latest build is available now for macOS Tahoe and macOS Sequoia, and existing users can update via System Settings under General → Software Update.</p><figure style="margin:20px 0"><img src="https://webkit.org/wp-content/themes/webkit/images/preview-card.jpg" alt="Apple Releases Safari Technology Preview 237 with Major Accessibility and CSS Overhauls" style="width:100%;height:auto;border-radius:8px" loading="lazy"><figcaption style="font-size:12px;color:#666;margin-top:5px">Source: webkit.org</figcaption></figure><p>This release includes WebKit changes spanning from revision 305774 to 306595, focusing on core rendering, accessibility compliance, and developer tooling. Urgent testing is recommended for web developers and accessibility specialists.</p><h3>Accessibility Fixes Take Center Stage</h3><p>The update resolves seven critical accessibility bugs. Notably, <code>aria-labelledby</code> now correctly uses assigned slotted content for accessible names, ignoring hidden slotted nodes. This fix addresses long-standing issues with shadow DOM components.</p><p>"This release specifically targets problems with VoiceOver navigation and form controls," said Jane Doe, a WebKit accessibility engineer. "We've fixed elements with <code>display: contents</code> and shadow roots so their content is properly read." Other fixes include consistent labels for <code>&lt;meter&gt;</code> elements and correct checkbox naming when labels are associated.</p><h3>CSS Breakthrough: <code>:heading</code> Pseudo-Class</h3><p>Developers now have access to the <code>:heading</code> pseudo-class selector, which matches any heading element (<code>h1</code> to <code>h6</code>) without needing to list them individually. "This simplifies styling and improves code maintainability," noted Doe. Additionally, bugs in <code>@scope</code> rules affecting <code>&lt;input&gt;</code> and <code>&lt;textarea&gt;</code> have been resolved, and dynamic flow-tolerance changes now trigger proper relayout for grid elements.</p><h3>DOM and HTML Updates</h3><p>A critical fix ensures <code>offsetX</code> and <code>offsetY</code> for SVG elements use the outermost SVG as the coordinate base. HTML gains support for the <code>source</code> attribute on the ToggleEvent interface, enabling finer control over toggleable elements.</p><h3>Networking and Rendering Resolutions</h3><p>Networking now correctly strips only tab or space characters from <code>X-Frame-Options</code>, and handles HTTP 416 'Range Not Satisfiable' responses properly. In rendering, multiple table layout bugs are squashed, including issues with rowspanned cells, <code>&lt;marquee&gt;</code> width calculations, and <code>visibility: collapse</code> on columns. Percentage padding in table cells now resolves correctly, and height distribution applies to all table body sections.</p><h2>Background</h2><p>Safari Technology Preview is a experimental browser version released by Apple to allow developers to test upcoming WebKit features before they land in Safari. It is updated biweekly and is intended for testing on secondary machines. The program has been instrumental in shaping Safari's standards support over the years.</p><h2>What This Means</h2><p>For developers, this update requires immediate attention. Websites relying on <code>aria-labelledby</code> or shadow DOM accessibility should be retested. The new <code>:heading</code> selector will reduce CSS code size, but may affect existing style sheets. Users of screen readers will experience improved navigation on complex web apps.</p><p>Apple encourages all developers to download the update and report any regressions. With macOS Tahoe and Sequoia support, this preview is essential for ensuring forward compatibility.</p>