Descubra alguns dos recursos interessantes que chegaram aos navegadores estáveis e beta em abril de 2026.
Publicado: 24 de abril de 2026
Versões de navegador estáveis
Cromo 147 e
Firefox 150
liberado para estável durante abril. Não houve lançamento estável do Safari este mês. Esta postagem dá uma olhada nos muitos novos recursos deste mês.
O contrast-color() A função CSS torna-se linha de base
Com o Chrome 147 enviando o
contrast-color()
função, esse útil recurso de acessibilidade agora está disponível em todos os principais mecanismos, tornando-o Baseline Newly disponível.
Esta função assume um valor de cor e retorna preto ou branco, dependendo de qual fornece o maior contraste em relação à cor fornecida. Isso ajuda a garantir que seu texto atenda aos requisitos de contraste de acessibilidade.
O ariaNotify() método
Firefox 150 introduz suporte para o ariaNotify() método ativado Document e Element. Este método permite que os autores de conteúdo coloquem uma sequência de texto na fila para ser anunciada por um leitor de tela.
Isso fornece uma alternativa mais confiável e ergonômica às regiões ativas ARIA, especialmente para anúncios não vinculados a atualizações do DOM.
Tamanhos automáticos para imagens carregadas lentamente
Firefox 150 agora suporta o "auto" palavra-chave para o sizes atributo de
srcsetsimplificando a configuração de imagem responsiva.
Transições de visualização no escopo do elemento
O Chrome 147 expõe element.startViewTransition() em elementos HTML arbitrários. Isso permite transições com escopo para um elemento específico, o que significa que pseudoelementos são afetados por clipes e transformações ancestrais, e várias transições podem ser executadas simultaneamente.
CSS border-shape propriedade
O Chrome 147 apresenta o border-shape propriedade, permitindo criar bordas não retangulares com formas como polígonos ou círculos.
SVG
O Chrome 147 adiciona suporte para o path atributo no SVG
elemento, permitindo definir a geometria do caminho de texto em linha.
Suporte Modulepreload para JSON e estilo
O Chrome 147 adiciona suporte para JSON e tipos de módulo de estilo como
destinos.
Math.sumPrecise
O Chrome 147 implementa a proposta TC39 para Math.sumPreciseretornando uma soma precisa de valores em um iterável. Este método agora está disponível recentemente na linha de base.
Lançamentos de navegadores beta
As versões beta do navegador oferecem uma prévia do que estará na próxima versão estável do navegador. É um ótimo momento para testar novos recursos, ou remoções, que podem impactar seu site antes que o mundo receba esse lançamento. Novos betas este mês são
Cromo 148,
Firefox 151e Safári 26.5.
O Chrome 148 beta inclui consultas de contêiner somente de nome em CSS, carregamento lento para elementos de vídeo e áudio e o
at-rule() função para detecção de recursos em @supports.
O Firefox 151 beta inclui consultas de estilo de contêiner CSS.
O Safari 26.5 beta inclui suporte para o :open pseudo-classe ativada
Esta postagem incluía anteriormente as propriedades do intervalo de animação orientada por rolagem tornando-se Linha de base. Essas propriedades ainda não foram enviadas no Firefox, então esta postagem foi atualizada para remover as informações incorretas.
