Новое в Chrome 127

Адриана Хара

Вот что вам нужно знать:

  • font-size-adjust помогает улучшить разборчивость резервных шрифтов.
  • Активации пользователя теперь распространяются между документами «картинка в картинке» и их программой открытия.
  • Контейнеры прокрутки теперь по умолчанию доступны для фокусировки с помощью клавиатуры.
  • И есть еще много чего.

Я Адриана Хара. Давайте углубимся и посмотрим, что нового для разработчиков в Chrome 127.

CSS font-size-adjust

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

На следующем изображении показана разница между шрифтами Verdana и Times, хотя размер текста одинаковый.

Текстовые строки, которые гласят: «В этом тексте используется шрифт verdana (14 пикселей) с относительно большими строчными буквами» и «В этом тексте используется шрифт Times (14 пикселей), который трудно читать в маленьких размерах».

Если ваш сайт вернется к шрифту Times, его станет намного труднее читать.

Свойство CSS font-size-adjust помогает настроить размер резервных шрифтов, чтобы сохранить единообразное значение аспекта (высоту строчных букв, разделенную на размер шрифта), гарантируя, что текст будет выглядеть одинаково, независимо от используемого шрифта.

На следующем изображении использование font-size-adjust позволяет сохранить разборчивость шрифтов Verdana и Times.

   font-size-adjust: 0.545;

Текстовые строки, которые гласят: «В этом тексте используется шрифт verdana (14 пикселей) с относительно большими строчными буквами», «В этом тексте используется шрифт Times (14 пикселей), который трудно читать в маленьких размерах» и «Этот текст, написанный шрифтом Times размером 14 пикселей, настроено на то же значение аспекта, что и шрифт Verdana, поэтому строчные шрифты нормализуются для двух шрифтов.

С запуском font-size-adjust в Chrome эта функция становится новой доступной Baseline. Подробности читайте в CSS. Font-size-adjust теперь доступен в Baseline .

Документ «картинка в картинке»: распространение активации пользователя

API «Картинка в картинке документа» теперь передает пользовательские активации между окном «картинка в картинке» документа и его открывателем.

Посетите демонстрацию распространения активации жестов пользователя и посмотрите, как меняется цвет фона страницы при обнаружении активации пользователя. Жест пользователя распространяется в обоих контекстах, изменяя фон для обоих окон.

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

Посетите «Картинка в картинке» для любого элемента, а не только для <video> , чтобы получить более подробную информацию.

Контейнеры прокрутки с возможностью фокусировки на клавиатуре.

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

Отныне скроллеры по умолчанию фокусируются по клику и программно. До этого изменения элемент скроллера мог быть ориентирован на табуляцию только в том случае, если для tabindex было явно установлено значение 0 или выше.

Обратите внимание, что такое поведение происходит только в том случае, если у скроллера нет фокусируемых дочерних элементов. Например, если скроллер уже содержит кнопку, то фокус табуляции пропустит скроллер и сосредоточится непосредственно на кнопке.

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

Более подробную информацию см. в разделе «Скроллеры с фокусировкой на клавиатуре».

И более!

Конечно, есть еще много чего.

  • Теперь доступны одновременные переходы между представлениями одного и того же документа в основном фрейме и iframe того же происхождения.

  • Замещающий текст, созданный из содержимого CSS , теперь поддерживает несколько аргументов.

  • Панель DevTools Performance теперь фиксирует события сообщений WebSocket и отображает их в трассировке производительности.

Прочтите полные примечания к выпуску .

дальнейшее чтение

Здесь рассматриваются лишь некоторые ключевые моменты. Перейдите по следующим ссылкам, чтобы узнать о дополнительных изменениях в Chrome 127.

Подписаться

Чтобы быть в курсе новостей, подпишитесь на канал YouTube для разработчиков Chrome , и вы будете получать уведомления по электронной почте каждый раз, когда мы запускаем новое видео.

Привет, Адриана Хара, как только выйдет Chrome 127, я буду здесь, чтобы рассказать вам, что нового в Chrome!