Já estamos no final do último trimestre de 2023, com muito progresso de todos os navegadores nas áreas de foco do Interop 2023. Saiba neste artigo sobre as pontuações da interoperabilidade de 2023 até o momento e os recursos que estão disponíveis graças ao esforço deste ano.
Status em janeiro de 2023
Em janeiro de 2023, anunciamos o lançamento da interoperabilidade 2023 e as 26 áreas de foco em que todos os mecanismos poderiam melhorar durante o ano.
A pontuação geral de interoperabilidade para navegadores experimentais no momento do lançamento era de 62.
Status em outubro de 2023
A pontuação geral de interoperabilidade para navegadores experimentais é 89. Se você alternar para a visualização estável e analisar os elementos que já foram enviados para navegadores estáveis, a pontuação é de 75. Por trás dessa pontuação há um monte de coisas que agora funcionam nos principais mecanismos. Alguns são pequenas correções de interoperabilidade, mas também alguns recursos importantes.
Tamanho das consultas de contêiner e dos valores de tamanho da consulta de contêiner
Em fevereiro, comemoramos a interoperabilidade das consultas de contêineres de tamanho. Esse foi um recurso muito solicitado pelos desenvolvedores da Web, e tê-lo disponível em todos os mecanismos tão rapidamente foi uma grande vitória para a plataforma da Web.
Junto com as consultas de contêiner de tamanho, surgiram unidades de consulta de
contêiner.
Elas são usadas da mesma forma que as unidades da janela de visualização (como vw
), a diferença é que elas estão relacionadas ao contêiner, e 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 passaram a ter suporte de
interoperabilidade. As notações funcionais CSS lab()
, lch()
, oklab()
e
oklch()
oferecem aos desenvolvedores uma maneira de usar esses espaços de cor. As notação
funcionais color()
e color-mix()
também foram incluídas.
Saiba mais sobre esses novos espaços de cor e funções no Guia de cores CSS de alta definição.
Subgrade
O recurso de subgrade para o layout de grade CSS é um novo valor para
grid-template-columns
e grid-template-rows
que permite que uma grade aninhada
use a definição de faixa da grade mãe. Isso significa que é possível alinhar
itens aninhados na estrutura de grade.
Saiba mais sobre a subgrade. Para descobrir algumas das complexidades que dificultaram a implementação da subgrade, assista este vídeo do BlinkOn 18.
O atributo inert de HTML
O atributo global HTML inert
significa que você pode sinalizar seções da sua página como inertes. Isso
evita eventos de clique e foco e oculta o elemento e o conteúdo dele da
árvore de acessibilidade. Isso é útil para conteúdo visualmente fora da tela, por
exemplo, e, portanto, também precisa estar inativo para leitores de tela.
E há mais
Além desses principais recursos, muitos outros recursos e correções foram lançados nos navegadores este ano. Há versões de navegadores programadas para o resto do ano. Postaremos um resumo completo assim que todas as pontuações estiverem disponíveis.