Manage Accessible Design System Themes With CSS Color-Contrast()
BRANK

From working with design handoffs to supporting custom themes in a design system, the CSS `color-contrast()` function can become a cornerstone for developers by enforcing accessible UIs.

smashingmagazine.com
Related Topics: CSS Web Standards / Browsers
4 comments
  • Shogo Sensui
    @1000ch

    CSS の color-contrast() 関数でコントラストを確保した色を算出できる。CSS Custom Properties と組み合わせて、デザインテーマで動的に機能させる方法も解説されている。

  • Shogo Sensui
    @1000ch

    CSS の color-contrast() 関数でコントラストを確保した色を算出できる。CSS Custom Properties と組み合わせて、デザインテーマで動的に機能させる方法も解説されている。 / “Manage Accessible Design System Themes With CSS Color-Contrast() — Smashing Magazine” htn.to/259c6ptDER

  • 木達 一仁
    @kazuhito_kidachi

    コントラスト比を確保しつつ色の組み合わせを color-contrast() に委ねるという新しいデザインアプローチの紹介。