おためし受講中

Webアクセシビリティ入門 -ビジュアルデザイン-

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

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

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

第6回のテーマは「ビジュアルデザイン」です。コンテンツをレイアウトしたり、視覚効果をつけて分かりやすくしたりする際の注意点について学びます。
 

学生代表

  • 新井 利佳

    新井 利佳

    スクー放送部

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    02:38  (00:14 ~ )
    ビジュアルデザインとは
    01:29  (02:52 ~ )
    ビジュアルデザインとアクセシビリティ
    07:12  (04:21 ~ )
    視覚に依存せずテキストで示す
    07:34  (11:33 ~ )
    文字は画像にせずテキストにする
    08:45  (19:07 ~ )
    フォーカス表示を消さない
    03:28  (27:52 ~ )
    閃光を使わない
    06:21  (31:20 ~ )
    拡大できるようにする
    10:22  (37:41 ~ )
    one more thing
    01:52  (48:03 ~ )
    【後半】質疑応答
    Q:ピンクとブルーのテキストは、どのように利用すれば、シナジー効果が得られるとお考えでしょうか?
    01:28  (50:27 ~ )
    Q:読み上げ機能を使ってる人ってどれくらいいるのでしょうか?
    00:16  (51:55 ~ )
    Q:ある一点を指定してクリックしてもらうという操作は避けなくてはならないということでしょうか?
    01:23  (52:11 ~ )
    Q:企業と役所のサイトを比べると、どちらのアクセシビリティが進んでいるのでしょうか。
    01:38  (53:34 ~ )
    Q:レスポンシブ対応のフレームワークで、アクセシビリティの観点からお勧めのものはありますか?
    01:05  (55:12 ~ )
    Q:WEBフォントの使用に関しては1種類のみが良いでしょうか?
    01:55  (56:17 ~ )
    Q:拡大するとヘッダーフッターが消える手法はCSSですか?
      (58:12 ~ )