PREMIUM
第7回
Webアクセシビリティ入門 -実装-
2015年9月30日 60min
スライド資料
授業の概要
こんな人にオススメ
Web制作について初めて学ぶ方、これからアクセシビリティに取り組みたい方
担当の先生／パーソナリティ
-
太田 良典
BA テクノロジー本部 システムソリューション部
HTML4.01のW3C仕様書を翻訳した「HTML4仕様書邦訳計画補完委員会」の委員を務めた後、2001年にBAに参加。Web技術の分野で幅広い専門性を持ち、セキュリティ分野においては「第二回IPA賞（情報セキュリティ部門）」を受賞。アクセシビリティ分野では、ウェブアクセシビリティ基盤委員会（WAIC）の委員として活動している。著書（共著）に「Dreamweaverプロフェッショナル・スタイル」「デザイニングWebアクセシビリティ」など。 http://www.b-architects.com http://bakera.jp/ http://twitter.com/bakera
-
伊原 力也
BA ソリューション・デザイン事業部
1999年よりWeb標準に則ったWebサイトの構築業務に従事。2004年にBAに参加。マークアップデザインエンジニアとして業務を行う傍ら、HCD（人間中心設計）プロセス導入を推進。現在はプロジェクト設計、調査分析、コンセプト立案から、アクセシビリティおよびユーザビリティを確保したインタラクションデザイン、さらにフロントエンド実装のディレクションまでを一貫して手がける。クリエイティブユニットmokuva所属。著書（共著）に「デザイニングWebアクセシビリティ」など。 http://www.b-architects.com http://mokuva.com http://twitter.com/magi1125
-
新井 利佳
スクー放送部
チャプター
-
自己紹介＆アジェンダ
02:34 -
質問：実装と聞いて何を思い浮かべますか？
02:06 -
実装とは、Webコンテンツを実際に機能するようにすること
01:23 -
マークアップとは
00:48 -
HTMLとは
00:41 -
アクセシビリティとは（おさらい）
00:30 -
アクセシビリティの鍵はマシンリーダビリティ
00:05 -
プレーンテキストの場合
01:30 -
HTMLでマークアップした場合
01:22 -
マークアップの5つのポイント
00:46 -
1. 文法ミスをしない
05:53 -
2. CSSに依存しない
06:47 -
3. 適切なセマンティクス
07:23 -
4. 代替テキストを適切に実装
05:37 -
5. リンク先が明確になる実装
04:49 -
One More thing：WAI-ARIAでアクセシビリティを加速させる
04:03 -
『コーディングWebアクセシビリティ』のご紹介
00:43 -
コースの振り返り
04:35