AllTips(154)

css/CSS Prefers Reduced Transparency

CSS Prefers Reduced Transparency

Name: CSS Prefers Reduced Transparency
Uploaded: 2023-12-18T22:05:24+08:00
Channel: Arbaoui Mehdi
Description: Using the media feature `prefers-reduced-transparency` to create an accessible article summary card for users with visual impairments who enable the `reduced transparency` system setting.

Next Tip

Updated Code by Arbaoui Mehdi https://github.com/Front-Tips/css-prefers-reduced-transparency-media-feature
Original Code by Adam Argyle https://codepen.io/argyleink/pen/YzBKBaR
CSS MDN Reference prefers-reduced-transparency https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-transparency
Can I Use prefers-reduced-transparency https://caniuse.com/?search=prefers-reduced-transparency
Mac Acdcessibility Display Settings https://support.apple.com/guide/mac-help/change-display-settings-for-accessibility-unac089/mac