Primeira vez na plataforma da Web em abril

Descubra alguns dos recursos interessantes que chegaram aos navegadores da Web estáveis e beta em abril de 2026.

Rachel Andrew

Publicado em: 24 de abril de 2026

Versões estáveis do navegador

O Chrome 147 e o Firefox 150 foram lançados na versão estável em abril. Não houve uma versão estável do Safari neste mês. Nesta postagem, vamos conferir os vários recursos novos deste mês.

A função CSS contrast-color() se torna o valor de referência

Com o Chrome 147 enviando a função contrast-color(), esse recurso de acessibilidade útil agora está disponível em todos os principais mecanismos, tornando-o recém-disponível para a linha de base.

Essa função usa um valor de cor e retorna preto ou branco, dependendo de qual deles oferece o maior contraste com a cor fornecida. Isso ajuda a garantir que seu texto atenda aos requisitos de contraste de acessibilidade.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 146.
  • Safari: 26.

Source

As propriedades de intervalo de animação controlada por rolagem agora são de referência

O Firefox 150 inclui suporte para as propriedades animation-range-start e animation-range-end, além da abreviação animation-range. Isso faz com que essas propriedades fiquem disponíveis na opção "Recém-disponibilizadas de base".

Com elas, é possível controlar onde uma animação vai começar e terminar em uma linha do tempo de animação controlada por rolagem.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: not supported.
  • Safari: 26.

Source

O método ariaNotify()

O Firefox 150 apresenta suporte para o método ariaNotify() em Document e Element. Esse método permite que os autores de conteúdo enfileirem uma string de texto para ser anunciada por um leitor de tela.

Isso oferece uma alternativa mais confiável e ergonômica às regiões ativas do ARIA, especialmente para anúncios não vinculados a atualizações do DOM.

Browser Support

  • Chrome: 141.
  • Edge: 141.
  • Firefox: not supported.
  • Safari: not supported.

Source

Tamanhos automáticos para imagens com carregamento lento

O Firefox 150 agora é compatível com a palavra-chave "auto" para o atributo sizes dos elementos <img>. Isso permite que imagens carregadas de forma lenta usem o tamanho calculado do layout da imagem para selecionar a melhor origem de um srcset, simplificando a configuração de imagens responsivas.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox: not supported.
  • Safari: not supported.

Source

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 os pseudoelementos são afetados por clipes e transformações ancestrais, e várias transições podem ser executadas simultaneamente.

Propriedade CSS border-shape

O Chrome 147 apresenta a propriedade border-shape, que permite criar bordas não retangulares com formas como polígonos ou círculos.

Atributo de caminho SVG <textPath>

O Chrome 147 adiciona suporte ao atributo path no elemento SVG <textPath>, permitindo definir a geometria do caminho do texto inline.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 61.
  • Safari: not supported.

Suporte a modulepreload para JSON e estilo

O Chrome 147 adiciona suporte para tipos de módulo JSON e de estilo como destinos <link rel="modulepreload">.

Browser Support

  • Chrome: 147.
  • Edge: 147.
  • Firefox: not supported.
  • Safari: 26.2.

Math.sumPrecise

O Chrome 147 implementa a proposta TC39 para Math.sumPrecise, retornando uma soma precisa de valores em um iterável. Esse método agora está disponível como "Recém-disponível de base".

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 137.
  • Safari: 26.2.

Source

Versões Beta do navegador

As versões Beta do navegador oferecem uma prévia do que estará na próxima versão estável. É uma ótima hora para testar novos recursos ou remoções que podem afetar seu site antes do lançamento global. As novas versões Beta deste mês são Chrome 148, Firefox 151 e Safari 26.5.

A versão Beta do Chrome 148 inclui consultas de contêiner somente com nome em CSS, carregamento lento para elementos de vídeo e áudio e a função at-rule() para detecção de recursos em @supports.

O Firefox 151 Beta inclui consultas de estilo de contêiner CSS.

A versão Beta do Safari 26.5 inclui suporte à pseudoclasse :open nos elementos <details>, <dialog>, <select> e <input>, além de um grande número de resoluções de problemas.