ビギナーのためのセマンティックでアクセシブルで機能性にも優れたフォームを制作するための習作Nettuts+から紹介します。 20+ HTML Forms Best Practices for Beginners 下記は、その意訳です。 1ステップずつフォームを改善し、アクセシブルで機能性をアップするポイントを紹介します。 セマンティック アクセシビリティ ファンクショナリティ デザイン 結論 セマンティック 1. fieldsetを使用 ユーザーが入力する多くのフィールドがある際、fieldset要素を使用して類似情報をまとめます。 <textarea name="code" class="html" cols="60" rows="5"> <fieldset> <span>Billing Address</span><input type="text" /> <span>City</sp
「カラー・コントラスト・アナライザー」は、色のチェックツールです。前景色と背景色のコントラストをチェックしたり、色覚の違いによる見え方をシミュレーションしたりすることができます。 このソフトウェアは、The Paciello Groupが提供しており、Windows版とmacOS / OS X版があります。 色のコントラストのチェック ウェブコンテンツの前景色と背景色のコントラストが十分かどうかを判定する基準には、W3Cの『WCAG 2.0』で定義されている「コントラスト比」の計算式を用いています。このコントラスト比を用いた達成基準は、そのまま日本工業規格の『JIS X 8341-3:2016』でも採用されています。 1.4.3 コントラスト(最低限レベル)に関する達成基準 テキスト及び文字画像の視覚的提示には,少なくとも4.5:1 のコントラスト比がある。ただし,次の場合は除く(レベル
You may have seen the announcement on twitter (if not then shame on you, you should be following us). WebDevNews has moved to new hosting. As Xavisys Web Development (the company that owns/operates this site) has been growing, we’ve been trying to find just the right company to partner with in order to offer high quality hosting to our clients. Mosso Cloud Hosting is that company. We tried quite
SFCのサイトが昨晩変更されたのですが,余りにひどすぎるので最初絶句してしまいました.コメントはweb2008-keio@sfc.keio.ac.jpに送って下さいとのことなので,文章をとりあえず書いてみました sfc site renewal 追記: Geekなページにもコメントがでているようです. 追記2: 大学からの回答を載せました. 政策・メディア研究科/SFC研究所 W3C の加藤文彦です. 新しい Web サイトを受けて,質問・コメントをしたいと思います.なお,このメールに対するご回答はSFCにいる学生,卒業生,教員などの間で広く共有するべきものだと考えております.そのため,頂いたご回答の内容を整理させていただいた後に公開することをご了承ください. 以下の5点が現時点で思いつく問題点です. アクセシビリティ Flash の使用 速いPCのみ対象 SEO ユーザビリティ まず,こ
関連リンク アクセシブルなPDFとFlash のまとめ JavaScriptを利用した動的なWebのアクセシビリティ のまとめ 先月の事になってしまいましたが、Webアクセシビリティ ~標準準拠でアクセシブルなサイトを構築/管理するための考え方と実践~の出版記念セミナーに行ってきました。 という訳で遅まきながらまとめです。 6章~8章の翻訳をされた梅垣さんは、「アクセシブルなコンテンツ、ナビゲーション、フォーム」という内容でした。 実装寄りでアクセシビリティを考える時は、HTML、CSS、JSと、別々で考える必要がある、との事でした。 資料へのリンク 著者について 原著を書いたJim Thatcherは、情報科学を専門とする博士で、IBMスクリーンリーダーを作った人。 だからなのか、視覚障碍者やスクリーンリーダーを強く意識した内容になっている。 なお、便宜上この記事では音声支援技術をスクリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く