Pika
記事
macOS 向けのオープンソースのカラーピッカーである。画面上の色を取り出して各種形式でコピーできるほか、WCAG と APCA のコントラスト比を判定して、色の組み合わせが基準を満たすかを確かめられる。
シェアックリップ
シェアされたアックリップです。
そのほかの #カラーコントラスト ピックアップ
（引用）アクセシビリティを、デザインの基本に。 本書は、年齢や障害の有無、利用環境にかかわらず、あらゆるユーザーが必要な情報や体験を得られるよう、「アクセシビリティ」をデザインの初期段階から組み込むための考え方と実践を学べるハンドブックです。 日本でもデジタル庁がウェブアクセシビリティの導入を推進し、「誰一人取り残されない、人に優しいデジタル化」が目指されています。アクセシビリティは、一部の人のための特別…
Shopify ストアの配色向けに、WCAG 2.x AA の基準を測った2種類のパレットを CSS 変数や Tailwind の設定として配布する無料キットを紹介する。コントラスト比の確かめ方も示す。
企業がWCAG 2.2 AAの試験結果を公開し、直したことと直さなかったことを記録した経緯を書いた記事。キーボード操作や読み上げに関わる改修と、コントラストを改めなかった判断を紹介する。
文字の大きさだけでなく、文字の形・色の組み合わせ・白い紙のまぶしさが読みにくさの原因になると説明する記事。UDフォントや白黒での確認など、チラシや掲示物を作るときの工夫を紹介している。
キーボードで並べ替えボタンを押すとフォーカスが消える不具合を、disabled から aria-disabled に変えて直した。無効な部品の見た目は、WCAG 1.4.11 の例外に当たるかが仕様で決まっていないため、透明度ではなく色で3:1を満たす方法を選んでいる。
shadcn/uiを標準の状態で使うと、WCAG 2.2 AAに適合しないコンポーネントがあることを指摘する記事。フォーカスリングや入力欄のプレースホルダの色の対比不足などの例と、コードの修正方法を示す。