おためし受講中

Webアクセシビリティ入門 -コンテンツ設計-

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

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

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

第5回のテーマは「コンテンツ設計」です。コンテンツそのものがアクセシブルでなければ、デザインや実装ではカバーできません。誰もがアクセスしやすいコンテンツの設計について学びます。

学生代表

  • 新井 利佳

    新井 利佳

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    03:09  (00:14 ~ )
    みなさんに質問:コンテンツと聞いて何を思い浮かべますか?
    02:02  (03:23 ~ )
    コンテンツとは
    00:40  (05:25 ~ )
    Webサイトにおけるコンテンツとは
    00:53  (06:05 ~ )
    より詳細な「コンテンツ」の定義の例
    00:38  (06:58 ~ )
    なぜコンテンツが重要か
    01:04  (07:36 ~ )
    アクセシビリティとは(おさらい)
    00:05  (08:40 ~ )
    重要なのはマシンリーダビリティ(構造とテキスト)
    00:21  (08:45 ~ )
    さまざまな出力
    02:05  (09:06 ~ )
    コンテンツ設計の5つのポイント
    00:40  (11:11 ~ )
    1. 内容を推測できるページタイトル
    06:01  (11:51 ~ )
    2. 階層構造に沿った見出し
    07:15  (17:52 ~ )
    3. 概要がわかるシンプルな表
    09:31  (25:07 ~ )
    4. 画像に頼らない構成
    10:00  (34:38 ~ )
    5. リンク先がわかるリンク
    04:10  (44:38 ~ )
    みなさんに質問:コンテンツ設計の5つのポイント覚えてますか?
    02:13  (48:48 ~ )
    One more thing
    03:12  (51:01 ~ )
    【後半】質疑応答
    Q:リンクのタイトルの記述は、リンク先ページのタイトルと合致させた方が望ましいですか?
    00:53  (54:30 ~ )
    Q:見た目でセルの結合をした表がありかつ、表の下に概要を別途記載している場合で、読み上げソフトで表の読み込みをスキップさせることはできないのでしょうか?
    00:52  (55:23 ~ )
    Q:HTML5では代替テキスト必須だったのでは?
    01:51  (56:15 ~ )
    お知らせ
      (58:06 ~ )