Web開発のヒント

Webアクセシビリティを考えた開発

すべての入力フォームにラベルを設置 要素のfor属性をform要素のid属性にリンクさせるか、 WAI-ARIA 属性を使用してください。特定の状況下では、要素を視覚的に隠しても問題ありませんが、一般的にはすべてのユーザ

続きを読む »
Webデザインのヒント

Webアクセシビリティ・デザイン

前景と背景の十分なコントラスト 前景のテキストは背景色と十分なコントラストが必要です。 画像上のテキスト 背景のグラデーション ボタンなどの要素 ただし、ロゴや写真にたまたま写っていた文字など、画像に付随する文字は対象外

続きを読む »
記事を書くヒント

Webアクセシビリティを意識して記事を書く

ページタイトルはページ内容のタイトルであり、他と被らないタイトルをつける Webページごとに、ページ内容のタイトルを決定し、他のページと区別する短いタイトルをつけます ページタイトルは、コンテンツの見出しと同じです。固有

続きを読む »
ストーリーズ

目と耳が不自由な10代のカシーム

カシームは10代の聴覚障害があり、最近は目も不自由になりました。今は画面の一部しか見えず、文字はかなり拡大しないと読めないという状態です。 カシームが使っているもの: Webサイトの文字を、適切な大きさに拡大する画面拡大

続きを読む »
ストーリーズ

ダウン症のスーパーマーケットの店員、ルイス

ルイスは ダウン症 で、読み書きや難しいことを理解すること、数学の計算などが苦手です。 ルイスはスーパーで働き、顧客のために食料品を袋詰めします。いつも自分が働いているお店で食料品を買っていますが、商品の品数の多さに戸惑

続きを読む »
ストーリーズ

盲目のシニアスタッフ、イリヤ

イリヤは目が見えません。彼女は、オンライン上の文書やフォームでやりとりする保険会社の会計主任で、他の多くの目の不自由な人と同様に、点字を読むことができません。 イリヤは スクリーンリーダー と携帯電話を使ってWebにアク

続きを読む »
ストーリーズ

聴覚障害を持つオンライン学生-マルティーヌ

マルティーヌは62歳で、生まれたときから耳が不自由でした。少しの音は聞こえますが、言葉を理解することができません。子供の頃に手話を学び、学校に通うようになってからは筆談を学びました。現在、彼女は学生に戻り、大学のオンライ

続きを読む »
WAI入門

Web操作の手段と関連技術

はじめに ここでは、障害のある人の『Web操作』の手段・関連技術(Webブラウザーの設定、テキスト読み上げ、音声認識など)を紹介します。 参照:Tools and Techniques | Web Accessibili

続きを読む »
google 広告