Обзор новинок в веб за апрель 2026

В апреле вышли стабильные релизы Chrome 147 и Firefox 150. В этот месяц Safari не выпустил стабильной версии. В этом посте мы рассмотрим множество новых функций, появившихся в этом месяце.

Примечание: Данные о совместимости браузеров, взятые с MDN, включаются в эти посты и могут еще не быть обновлены для очень свежих релизов браузеров. В посте появится правильная информация, как только она появится в релизе browser-compat-data.

Функция CSS contrast-color() стала базовой

С выпуском Chrome 147 функция contrast-color() стала доступной во всех основных движках браузеров, что делает её базовой. Теперь она доступна во всех браузерах.

Эта функция принимает значение цвета и возвращает либо черный, либо белый цвет в зависимости от того, какой из них обеспечивает наибольший контраст на фоне указанного цвета. Это помогает обеспечить соблюдение требований к контрасту для доступности текста.

Поддержка браузерами

Метод ariaNotify()

Firefox 150 вводит поддержку метода ariaNotify() для Document и Element. Этот метод позволяет авторам контента добавлять строку текста, которую будет объявлять экранное читалка.

Это предоставляет более надежный и эргономичный альтернативный способ объявления текста, особенно для объявлений, не связанных с обновлениями DOM.

Поддержка браузерами

Автоматическое масштабирование для отложенных изображений

Firefox 150 теперь поддерживает ключевое слово «auto» для атрибута sizes элемента <img>. Это позволяет отложенным изображениям использовать вычисленный размер отображения изображения для выбора наилучшего источника из srcset, упрощая настройку адаптивных изображений.

Поддержка браузерами

Переходы в области элемента

Chrome 147 предоставляет метод element.startViewTransition() для любых HTML-элементов. Это позволяет выполнять переходы, ограниченные конкретным элементом, что означает, что псевдоэлементы подвержены влиянию родительских клипов и трансформаций, а также можно запускать несколько переходов одновременно.

Свойство CSS border-shape

Chrome 147 вводит свойство border-shape, позволяющее создавать не прямоугольные границы с формами, такими как многоугольники или окружности.

Атрибут path для SVG <textPath>

Chrome 147 добавляет поддержку атрибута path для SVG-элемента <textPath>, позволяя определять геометрию пути текста прямо в коде.

Поддержка браузерами

Поддержка modulepreload для JSON и style

Chrome 147 добавляет поддержку типов модулей JSON и style для атрибута <link rel=»modulepreload»>.

Поддержка браузерами

Math.sum Precise

Chrome 147 реализует предложение TC39 для Math.sumPrecise, возвращающего точную сумму значений из итерируемого объекта. Этот метод теперь является базовым и доступен во всех браузерах.

Поддержка браузерами

Бета-версии браузеров

Бета-версии браузеров позволяют вам ознакомиться с новыми функциями, которые появятся в следующей стабильной версии браузера. Это отличное время для тестирования новых функций, или удалений, которые могут повлиять на ваш сайт до того, как они появятся в стабильной версии. В этом месяце новые бета-версии Chrome 148, Firefox 151 и Safari 26.5.

В бета-версии Chrome 148 включены запросы контейнеров только по имени в CSS, отложенная загрузка для видео и аудио элементов, а также функция at-rule() для обнаружения функциональности в @supports.

В бета-версии Firefox 151 включены запросы стилей контейнеров.

В бета-версии Safari 26.5 включена поддержка псевдо-класса :open для элементов <details>, <dialog>, <select> и <input>, а также большое количество исправлений ошибок.

В предыдущей версии этого поста упоминалось, что свойства Scroll-driven animation range становятся базовыми. Эти свойства пока не выпущены в Firefox, поэтому в этом посте было удалено неверное упоминание. Спасибо за ваше терпение.