다음 사항에 유의하시기 바랍니다.
font-size-adjust를 사용하면 대체 글꼴 가독성을 개선할 수 있습니다.- 이제 사용자 활성화가 PIP 모드 문서와 시작 프로그램 간에 전파됩니다.
- 이제 스크롤 컨테이너가 기본적으로 키보드 포커스 가능 상태입니다.
- 그 외에도 다양한 기능이 있으니까요.
저는 아드리아나 자라입니다 자세히 살펴보고 Chrome 127의 개발자를 위한 새로운 기능을 살펴보겠습니다.
CSS font-size-adjust
첫 번째 선택 글꼴 모음을 사용할 수 없고 대체 글꼴의 가로세로 값이 크게 다른 경우 사이트의 가독성이 저하될 수 있습니다.
다음 이미지는 텍스트 크기가 동일하더라도 Verdana와 Times 글꼴의 차이를 보여줍니다.
사이트를 Times 글꼴로 되돌리면 읽기가 훨씬 더 어려워집니다.
font-size-adjust CSS 속성을 사용하면 대체 글꼴의 글꼴 크기를 조정하여 가로세로 값 (소문자의 높이를 글꼴 크기로 나눈 값)을 일관되게 유지할 수 있으며, 사용된 글꼴과 관계없이 텍스트가 유사하게 표시되도록 할 수 있습니다.
다음 이미지에서 font-size-adjust를 사용하면 Verdana 및 Times 글꼴 간의 가독성이 유지됩니다.
font-size-adjust: 0.545;
Chrome에서 font-size-adjust가 출시됨에 따라 이 기능은 새로 제공되는 기준 기능이 됩니다. 자세한 내용은 CSS font-size-adjust가 이제 기준에 나와 있습니다.
문서 PIP 모드: 사용자 활성화 전파
이제 Document Picture-in-Picture API가 문서 PIP 창과 창 열기 사이에 사용자 활성화를 전파합니다.
사용자 동작 활성화 전파 데모로 이동하여 사용자 활성화 감지 시 페이지 배경 색상에 변화가 있는지 확인합니다. 사용자 동작은 두 컨텍스트 모두에서 전파되어 두 창의 배경을 변경합니다.
이렇게 하면 문서의 PIP 모드 창에서 사용자를 활성화할 수 있으며 시작 창 안에서 사용자를 활성화할 수 있으며 그 반대의 경우도 가능합니다. 이러한 변경사항으로 인해 문서 PIP 모드의 이벤트 핸들러가 실제로 오프너의 컨텍스트에서 실행되는 경우가 많아서 여는자의 컨텍스트가 사용자 동작에 액세스해야 하므로 사용자 활성화 제한 API의 사용이 더 인체공학적입니다.
자세한 내용은 <video>뿐만 아니라 모든 요소에 대한 PIP 모드를 참고하세요.
키보드 포커스 가능 스크롤 컨테이너
모든 사용자가 스크롤러 내의 스크롤러와 콘텐츠에 더 쉽게 액세스할 수 있도록 하려면 스크롤 컨테이너가 키보드 포커스 가능 상태가 되는 것이 중요합니다.
이제 스크롤러는 기본적으로 클릭하여 포커스 가능하고 프로그래매틱 방식으로 포커스 가능합니다. 이 변경 전에는 tabindex가 명시적으로 0 이상으로 설정된 경우에만 스크롤러 요소에 탭에 포커스를 둘 수 있었습니다.
이 동작은 스크롤러에 포커스 가능한 하위 요소가 없는 경우에만 발생합니다. 예를 들어 스크롤러에 이미 버튼이 포함되어 있으면 탭 포커스가 스크롤러를 건너뛰고 버튼에 바로 포커스를 맞춥니다.
접근성 권장사항에 따르면 키보드를 사용하여 모든 기능을 사용할 수 있어야 합니다. 키보드 포커스 가능 스크롤러를 사용하면 기본적으로 사용자가 순차 포커스 탐색을 사용하여 스크롤러에 더 쉽게 액세스할 수 있습니다.
자세한 내용은 키보드 포커스 가능 스크롤러를 참고하세요.
그 외에도 다양한 기능 제공
물론 이 외에도 많은 것이 있습니다.
이제 기본 프레임 및 동일 출처 iframe에서 동시 동일 문서 뷰 전환을 사용할 수 있습니다.
CSS 콘텐츠에서 생성된 대체 텍스트가 이제 여러 인수를 지원합니다.
이제 DevTools 성능 패널에서 WebSocket 메시지 이벤트를 캡처하고 성능 트레이스에 표시합니다.
추가 자료
여기에서는 몇 가지 주요 사항만 다룹니다. 다음 링크에서 Chrome 127의 추가 변경사항
- Chrome DevTools의 새로운 기능 (127)
- Chrome 127의 ChromeStatus.com 업데이트
- Chromium 소스 저장소 변경사항 목록
- Chrome 출시 캘린더
구독
최신 소식을 받아보려면 Chrome 개발자 YouTube 채널 새 동영상이 게시될 때마다 이메일 알림을 받게 됩니다.
아드리아나 자라님, Chrome 127이 출시되면 바로 Chrome의 새로운 기능에 대해 알려드리겠습니다.