{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreibjt4fa7ucpnroismwk5k77caz2zoiwkscafywzktz33mnxc7dxle",
    "uri": "at://did:plc:hzgu7qyp34ofph3btawzwyw4/app.bsky.feed.post/3mjryc6faufc2"
  },
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreifxbw3zlwirgmtbqeboidqfqpjauqzwdurlga555or4ewaohg3kbe"
    },
    "mimeType": "image/png",
    "size": 77077
  },
  "path": "/gemcook/articles/css-accessibility-tips3",
  "publishedAt": "2026-04-17T03:30:43.000Z",
  "site": "https://zenn.dev",
  "textContent": "前回の記事では:focus-visibleによるフォーカスインジケーターのカスタマイズ、カラーコントラスト、visually-hiddenパターンについて紹介しました。\n今回はその続編として、CSSを用いたアクセシビリティ対応のポイントをさらに3つ紹介します。\nhttps://zenn.dev/gemcook/articles/css-accessibility-tips2\n\n prefers-contrastを使ったハイコントラストモード対応\nみなさんはOSの「コントラストを上げる」設定を使ったことはありますか？\n前回の記事ではCSSで色を定義する際にコントラスト比を確保する方法を紹介...",
  "title": "モダンCSSでWebの課題をスマートに解決！一歩進んだアクセシビリティ対応テクニック3選"
}