Atualização de outubro do Interop 2023

Estamos quase no último trimestre de 2023, e já temos bastante progresso nos navegadores da Web nas áreas de foco do Interop 2023. Neste artigo, você vai conhecer as pontuações do Interop de 2023 até o momento e os recursos disponíveis devido ao aumento esforço de

Em janeiro de 2023, anunciamos o lançamento do Interoperabilidade e as 26 áreas de foco que todos os mecanismos poderiam melhorar durante o ano.

A pontuação geral de interoperabilidade para navegadores experimentais no momento do lançamento era 62.

Pontuações gerais para Interop: 62, Investigações: 0 e pontuações por navegador - 86 para Chrome e Edge, 74 para Firefox, 86 para Safari Technology Preview.
O dashboard Interop 2023 (captura de tela tirada em 31 de janeiro de 2023).

Status em outubro de 2023

A pontuação geral de interoperabilidade para navegadores experimentais é de 89. Se você mudar para a visualização Estável e dar uma olhada nos itens enviados para navegadores estáveis, a pontuação é de 75. Abaixo da pontuação é um monte de coisas que agora funciona nos principais motores. Alguns desses são pequenas correções de interoperabilidade, mas também há alguns recursos importantes.

A pontuação geral para Interop: 89; Investigações: 66; e a pontuação por navegador: 97 para o Chrome e o Edge, 93 para o Firefox, 95 para a Visualização de tecnologia do Safari.
Painel do Interop 2023 (captura de tela tirada em 30 de outubro de 2023).

Dimensionar as consultas do contêiner e os valores de comprimento da consulta do contêiner

Em fevereiro, comemoramos que as consultas de contêineres de tamanho se tornaram interoperáveis. Esse foi um recurso muito solicitado para a Web desenvolvedores, e disponibilizá-lo em todos os mecanismos tão rapidamente foi uma vitória e tanto, para a plataforma Web.

Compatibilidade com navegadores

  • 105
  • 105
  • 110
  • 16

Origem

Além do tamanho das consultas de contêiner, surgiram as consultas de unidade de medida. Elas são usadas da mesma forma que as unidades da janela de visualização, como vw. A diferença sendo que eles estão relacionados ao contêiner, não à janela de visualização.

Compatibilidade com navegadores

  • 105
  • 105
  • 110
  • 16

Espaços de cor e funções

Em maio, os espaços de cores Lab, LCH, Oklab e Oklch tornaram-se interoperáveis suporte. As notações funcionais CSS lab(), lch(), oklab() e O oklch() oferece aos desenvolvedores uma maneira de usar esses espaços de cor. O funcional as notações color() e color-mix() também foram incluídas.

Compatibilidade com navegadores

  • 111
  • 111
  • 113
  • 15

Origem

Saiba mais sobre esses novos espaços de cor e funções na seção Alta definição de cor CSS guia.

Subgrade

O recurso de subgrade para o layout de grade CSS é um novo valor para grid-template-columns e grid-template-rows, que ativam uma grade aninhada para use a definição da faixa na grade principal. Isso significa que você pode alinhar coisas que estão aninhadas na estrutura de grade.

Compatibilidade com navegadores

  • 117
  • 117
  • 71
  • 16

Origem

Saiba mais sobre a subgrade. Para descobrir alguns dos complexidades que dificultaram a implementação de subgrade, assista a este vídeo da BlinkOn 18.

O atributo HTML inerte

O HTML inert atributo global significa que você pode sinalizar seções da sua página como inertes. Isso impede eventos de clique e foco e oculta o elemento e seu conteúdo do árvore de acessibilidade. Isso é útil para conteúdo visualmente fora da tela para exemplo e, portanto, também precisa estar inativo para leitores de tela.

Compatibilidade com navegadores

  • 102
  • 102
  • 112
  • 15.5

Origem

E há mais

Além desses principais recursos, muitos outros recursos e correções já foram implementados em navegadores deste ano. Há versões de navegadores alinhadas para o restante do ano. Publicaremos um boletim completo assim que todos os resultados forem atingidos.