Google、macOSのシステム設定に合わせて視差効果を減らすメディアクエリ"prefers-reduced-motion"やダークモードの最適化を進めた「Chrome v74」をリリース。

Google、macOSのシステム設定に合わせて視差効果を減らすメディアクエリ”prefers-reduced-motion”やダークモードの最適化を進めた「Chrome v74」をリリース。

Chrome

2019.04.24

記事内に広告が含まれています。

　GoogleがmacOSやWindowsのシステム設定に合わせて視差効果を減らすメディアクエリ”prefers-reduced-motion”やダークモードの最適化を進めた「Chrome v74」をリリースしています。詳細は以下から。

　Googleは現地時間2019年03月12日、Chrome Stable Channelをアップデートし、Webブラウザ「Google Chrome v74」のロールアウトを開始したと発表しています。今回のアップデートではCVEベースで39件の脆弱性が修正されたほか、各プラットフォームでシステム設定に合わせて視差効果を減らす事ができるCSSメディアクエリ”prefers-reduced-motion”がサポートされています。

The Chrome team is delighted to announce the promotion of Chrome 74 to the stable channel for Windows, Mac and Linux. This will roll out over the coming days/weeks.
Chrome 74.0.3729.108 contains a number of fixes and improvements — a list of changes is available in the log. Watch out for upcoming Chrome and Chromium blog posts about new features and big efforts delivered in 74.

Stable Channel Update for Desktop – Chrome Releases

Chrome v74

　Google Chrome v74では新たにCSSメディアクエリの”prefers-reduced-motion”がサポートされ、macOSやiOS, Android, Windowsのアクセシビリティ設定から「視差効果を減らす」を有効にした場合、以下の動画のようにスクロールに合わせて挿入されるアニメーションなどに”prefers-reduced-motion”を指定することで、指定した視差効果を減らすことが可能となっており、

tl;dr: Not everyone likes decorative animations or transitions, and some users outright experience motion sickness when faced with parallax scrolling, zooming effects, etc. Chrome 74 supports a user preference media query prefers-reduced-motion that lets you design a motion-reduced variant of your site for users who have expressed this preference.

Move Ya! Or maybe, don’t, if the user prefers-reduced-motion! Google Developers

加えて、Chrome v74 for Macではv73で導入されたダークモードの最適化がさらに進められ、v73ではダークモードに最適化されていなかったDevToolsやAboutウィンドウ、間違った色になっていたアセットなどが修正されているそうです。

Chrome v73(上)とv74(下)

その他

　日本では10連休明けとなる05月08日から始まるGoogle I/Oを前に公開されたChrome v74ではこの他、Chrome 60から導入されたFeature Policyの機能が拡張され、Webサイトで有効になっている機能をチェックできるJavaScript API “document.featurePolicy”および”frame.featurePolicy”が追加されているそうです。