Uncover a number of the attention-grabbing options which have landed in steady and beta
internet browsers throughout April 2026.
Rachel Andrew
Revealed: April 24, 2026
Secure browser releases
Chrome 147 and
Firefox 150
launched to steady throughout April. There was no steady launch of Safari this
month. This publish takes a take a look at the numerous new options this month.
The contrast-color() CSS perform turns into Baseline
With Chrome 147 delivery the
contrast-color()
perform, this convenient accessibility function is now accessible throughout all main
engines, making it Baseline Newly accessible.
This perform takes a coloration worth and returns both black or white, relying
on which gives the very best distinction in opposition to the offered coloration. This helps
guarantee your textual content meets accessibility distinction necessities.
The ariaNotify() technique
Firefox 150 introduces help for the ariaNotify() technique
on Doc and Component. This technique permits content material authors to queue a
string of textual content to be introduced by a display screen reader.
This gives a extra dependable and ergonomic different to ARIA reside areas,
particularly for bulletins not tied to DOM updates.
Auto sizes for lazy-loaded photographs
Firefox 150 now helps the "auto" key phrase for the sizes attribute of
<img> components. This permits lazy-loaded photographs to make use of the calculated picture
structure measurement to pick out the most effective supply from a srcset, simplifying responsive
picture setup.
Component-scoped view transitions
Chrome 147 exposes factor.startViewTransition() on arbitrary HTML components.
This permits for transitions scoped to a particular factor, that means
pseudo-elements are affected by ancestor clips and transforms, and a number of
transitions can run concurrently.
CSS border-shape property
Chrome 147 introduces the border-shape property, permitting you to create
non-rectangular borders with shapes like polygons or circles.
SVG <textPath> path attribute
Chrome 147 provides help for the path attribute on the SVG <textPath>
factor, letting you outline textual content path geometry inline.
Modulepreload help for JSON and elegance
Chrome 147 provides help for JSON and elegance module varieties as
<hyperlink rel="modulepreload"> locations.
Math.sumPrecise
Chrome 147 implements the TC39 proposal for Math.sumPrecise, returning a
exact sum of values in an iterable. This technique is now Baseline Newly accessible.
Beta browser releases
Beta browser variations offer you a preview of issues that will likely be within the subsequent
steady model of the browser. It is a good time to check new options,
or removals, that would affect your web site earlier than the world will get that launch.
New betas this month are
Chrome 148,
Firefox 151,
and Safari 26.5.
Chrome 148 beta consists of name-only container queries in CSS,
lazy loading for video and audio components, and the
at-rule() perform for function detection in @helps.
Firefox 151 beta consists of CSS container type queries.
The Safari 26.5 beta consists of help for the :open pseudo-class on
<particulars>, <dialog>, <choose>, and <enter> components, along with
numerous concern resolutions.
This publish beforehand included the Scroll-driven animation vary properties
changing into Baseline. These properties have not but shipped in Firefox,
so this publish was up to date to take away the inaccurate data.
