주간 플랫폼 뉴스 : 모션 감소, Cors, Whitehouse.gov, Popups 및 100VW

이번 주 웹 개발 뉴스는 제안 된 새로운 HTML 요소부터 접근성 모범 사례 및 잠재적 인 CSS 함정에 이르기까지 다양한 주제를 다룹니다.

새로운<popup></popup> 요소가 나타납니다

Microsoft와 Google은 새로운 HTML에서 협력하고 있습니다<popup></popup> 액세스 가능하고 쉽게 스타일의 임시 UI 요소를 생성하도록 설계된 요소. 같지 않은<dialog></dialog> 그리고 더 이상<menu></menu> ,이 요소는 단순성과 명확한 해고 행동 (ESC 키 또는 초점 변경)을 목표로합니다.

수상 경력에 빛나는 웹 사이트의 접근성 : 누락 된 기회

Awwwards prefers-reduced-motion 2020 년 최고의 웹 사이트를 축하하는 동안 일반적인 접근성 감독을 강조했습니다. 이 미디어 쿼리를 통해 개발자는 모션 감소에 대한 사용자 선호도를 우아하게 처리 할 수있어 전정 장애가있는 사용자의 잠재적 문제를 방지 할 수 있습니다. Animal Crossing 웹 사이트는 사용자 토글을 포함하여 적절한 구현의 긍정적 인 예입니다.

크로스 오리진 격리 : 트레이드 오프를 통한 보안 향상

웹 사이트는 이제 특정 HTTP 헤더 ( Cross-Origin-Embedder-Policy: require-corp 및 Cross-Origin-Opener-Policy: same-origin )를 설정하여 크로스-오리핀 분리를 선택할 수 있습니다. 이는 다른 기원에서 컨텐츠로드를 제한하여 보안을 향상 시키지만 SharedArrayBuffer 와 같은 강력한 API에 대한 액세스를 부여합니다.

Whitehouse.gov : 접근성에 대한 약속

Biden Administration의 Whitehouse.gov 웹 사이트는 WCAG 2.1 가이드 라인을 참조하여 최소 요구 사항을 초과하는 접근성에 대한 강력한 약속을 보여줍니다.

100VW CSS 값과 스크롤 바를 조심하십시오

width: 100vw 일반적으로 오버레이 스크롤 바를 사용하는 MACOS 사용자는이 문제에 직면하지 않을 수 있으므로 개발자가 다양한 운영 체제 및 스크롤 바 설정에서 테스트하는 데 중요합니다.

위 내용은 주간 플랫폼 뉴스 : 모션 감소, Cors, Whitehouse.gov, Popups 및 100VW의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!