タグ

アクセシビリティに関するpageruのブックマーク (2)

  • 色のアクセシビリティが確認できるMacアプリ「Contrast」が超便利

    テキストと背景の色を選ぶとき「これってアクセシブルかな?」とビクビクしながら選んでしまうことってないですか?僕は結構ありました。でも、Macアプリ「Contrast」があればそんな心配はなくなります。 Macのツールバーに常駐させられるアプリで、前景と背景の色をピッカーで選ぶだけでWeb Content Accessibility Guidelines(WCAG) に準拠した色のコントラストになっているかすぐにチェックができます。キーボード・ショートカットを設定できるので手軽に色のコントラスト比の確認ができてかなり便利です。 こんなツールです ツールバーのアイコンをクリックするとアプリが出てきます。 文字の色と背景の色を選択するとWCAGの評価基準であるAA、AA+、AAA、Failのいずれかの判定を表示してくれます。評価と合わせてコントラストの数値も表示してくれます。各スコアの意味はアプ

    色のアクセシビリティが確認できるMacアプリ「Contrast」が超便利
  • Webのアクセシビリティを向上させる、始めに取り組んでおきたいガイドラインの10項目のまとめ

    Webの創始者であり、W3Cのディレクターを勤めるTim Berners-Lee氏の言葉に、「Webが持つ力とは、その普遍性にあります」というのがあります。Webサイトに誰もがアクセスできるようにするのは、わたし達の責任です。 Webのアクセシビリティは机上では難しいと思われがちですが、実際に取り組んでみるとそんなに難しいものではありません。障害者、スクリーンリーダのユーザー、低速接続のユーザーのアクセシビリティで、比較的簡単に取り組める項目を紹介します。 10 guidelines to improve your web accessibility 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Webアクセシビリティとは何ですか? 01.カラーに依存しない 02.ズームを無効にしない 03.alt属性のあなたが知らないかもし

    Webのアクセシビリティを向上させる、始めに取り組んでおきたいガイドラインの10項目のまとめ
  • 1