chevron_left アクセシビリティ入門

アクセシビリティ入門

PREMIUM

会員登録して、全てのスライドを見よう

1 / 73

授業の概要

誰でも、どんな環境でもアクセスできるということは、Webのもっとも重要な特長のひとつです。

この授業では、Webサイトを誰でも、どんな環境でもアクセスできるようにする「アクセシビリティ」の考え方について学びます。アクセシビリティに取り組んで行きたい方や、これからWeb制作について学びたいという方のために、Webアクセシビリティの基礎からはじめ、Web制作の各制作プロセスで実践していく方法についてお話ししていきます。

この授業は書籍「デザイニングWebアクセシビリティ」の内容に沿って進めていきます。書籍をお持ちでない方にも分かるように進めていきますが、書籍をお手元に置いていただくと、予習・復習の役にも立ち、理解しやすくなります。

第7回のテーマは「実装」です。HTMLやCSSを使ってコンテンツを実装する際の注意点について学びます。
 

こんな人にオススメ

Web制作について初めて学ぶ方、これからアクセシビリティに取り組みたい方

担当の先生/パーソナリティ

チャプター

play_arrow
自己紹介&アジェンダ
02:34
play_arrow
質問:実装と聞いて何を思い浮かべますか?
02:06
play_arrow
実装とは、Webコンテンツを実際に機能するようにすること
01:23
play_arrow
マークアップとは
00:48
play_arrow
HTMLとは
00:41
play_arrow
アクセシビリティとは(おさらい)
00:30
play_arrow
アクセシビリティの鍵はマシンリーダビリティ
00:05
play_arrow
プレーンテキストの場合
01:30
play_arrow
HTMLでマークアップした場合
01:22
play_arrow
マークアップの5つのポイント
00:46
play_arrow
1. 文法ミスをしない
05:53
play_arrow
2. CSSに依存しない
06:47
play_arrow
3. 適切なセマンティクス
07:23
play_arrow
4. 代替テキストを適切に実装
05:37
play_arrow
5. リンク先が明確になる実装
04:49
play_arrow
One More thing:WAI-ARIAでアクセシビリティを加速させる
04:03
play_arrow
『コーディングWebアクセシビリティ』のご紹介
00:43
play_arrow
コースの振り返り
04:35
play_arrow
Q:WAI-ARIA、関心が有るのですが現在どの程度普及していますか?
00:54
play_arrow
Q:BAさんでなんかWebアクセシビリティに対応したコーディングガイドライン的なもの公開していませんか。
01:20
play_arrow
Q:ページ構造を組み立てる上で、WAI-ARIAの要素のroleなどの構造から考えるのか、html要素の構造にroleなどを追加していく考え方なのか、どちらのほうがより現実的でしょうか?
01:45
play_arrow
Q:Webアクセシビリティに対応した場合、今後どのような未来が待っていると思いますか?
01:51
play_arrow
Q:資料28ページのエディタはなんでしょうか。