Wöchentliche Plattformnachrichten: Reduzierte Bewegung, Cors, Whitehouse.gov, Popups und 100VW

Die Webentwicklungsnachrichten dieser Woche deckt eine Reihe von Themen ab, von einem vorgeschlagenen neuen HTML -Element bis hin zu Best Practices und potenziellen CSS -Fallstricks zu Barrierefreiheit.

Ein neues<popup></popup> Element entsteht

Microsoft und Google arbeiten mit einem neuen HTML zusammen<popup></popup> Element, das so gestaltet ist, dass zugängliche und leicht stilbare temporäre UI -Elemente erstellt werden. Im Gegensatz zu<dialog></dialog> und die veralteten<menu></menu> Dieses Element zielt auf Einfachheit und klares Entlassungsverhalten (ESC -Schlüssel oder Fokusänderung) ab.

Zugänglichkeit in preisgekrönten Websites: Eine verpasste Gelegenheit

Während er die besten Websites von 2020 feierte, hob Awwwards eine gemeinsame Aufsicht über die Zugänglichkeit hervor: Keines der Gewinner-Websites implementierte prefers-reduced-motion . Mit dieser Medienabfrage können Entwickler die Benutzerpräferenzen für reduzierte Bewegungen anmutig behandeln und potenzielle Probleme für Benutzer mit vestibulären Erkrankungen verhindert. Die Animal Crossing -Website dient als positives Beispiel für eine ordnungsgemäße Implementierung, einschließlich eines Benutzerumschalts.

Cross-Origin-Isolation: Verbesserte Sicherheit mit Kompromisse

Websites können sich nun in die Isolation der Cross-Origin-Isolierung entscheiden, indem sie spezifische HTTP-Header ( Cross-Origin-Embedder-Policy: require-corp und Cross-Origin-Opener-Policy: same-origin ) festlegen. Dies verbessert die Sicherheit durch Einschränkung des Inhaltsladens von anderen Ursprüngen, gewährt jedoch Zugriff auf leistungsstarke APIs wie SharedArrayBuffer .

Whitehouse.gov: Ein Engagement für die Zugänglichkeit

Die Whitehouse.gov -Website der Biden Administration zeigt ein starkes Engagement für die Zugänglichkeit, die die Mindestanforderungen über die Verweisung von WCAG 2.1 -Richtlinien übertrifft.

Passen Sie auf den 100 -VW -CSS -Wert und die Scrollbars auf

Verwenden von width: 100vw kann aufgrund der Art und Weise, wie klassische Scrollbars die Breite der Breite verarbeiten, unerwartete horizontale Bildlaufleisten erzeugen. MacOS -Benutzer, die in der Regel Overlay -Scrollbars verwenden, stoßen möglicherweise nicht auf dieses Problem, was es für Entwickler entscheidend macht, auf verschiedenen Betriebssystemen und Scrollbar -Einstellungen zu testen.

Das obige ist der detaillierte Inhalt vonWöchentliche Plattformnachrichten: Reduzierte Bewegung, Cors, Whitehouse.gov, Popups und 100VW. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!