강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

etc. (Programming)

知るほど見えるWebアクセシビリティWCAG

誰もが不便なく利用できるウェブサイトを作る秘密、WCAG 2.2 ガイドと実践適用ノウハウを通じてアクセシビリティの高いサービスを作ってみましょう!

이론 중심
wcag
web-accessibility
wai-aria
semantic-html

学習した受講者のレビュー

こんなことが学べます

  • ウェブアクセシビリティ

  • WCAG

  • ARIA 属性

  • スクリーンリーダー

Web アクセシビリティ、もう選択肢ではなく必須です🌐

Web アクセシビリティの重要性は日々大きくなっています。国内障害のあるユーザーと高齢のユーザーが増加し、アクセシビリティを必要とするユーザーが増加しています。また、公共/民間分野のアクセシビリティ認証が拡大し、サービスを運営する上で、Webアクセシビリティは必須要素となっています。

本講義では、HTML、CSS、JavaScriptを活用してWCAG 2.2の成功指針に準拠する方法をコードで実装します。 ARIAプロパティ、キーボードナビゲーション、スクリーンリーダーなど、さまざまなアクセシビリティテクニックを理解して活用できます。単にガイドラインを読むことから離れて、実践にすぐに適用可能なWebアクセシビリティの実装ノウハウを学ぶことができます。

この講義の特徴

📌 WCAG 2.2(Web Content Accesibility Guideline、Web アクセシビリティコンテンツガイドライン)の理解

📌コードと一緒に見る実務の適用方法

📌スクリーンリーダーを使用したテスト方法

こんな方におすすめです

Web アクセシビリティ実務能力の強化

WCAGのドキュメントは読んでいますが、実際のプロジェクトにどのように適用するのかを見極めた開発者

アクセシブルなサービスを作りたい人
アクセシブルなサービス開発を開始する開発者/企画者/デザイナー

技術面接の準備
アクセシビリティ関連技術 面接の質問に自信を持って回答したい就職準備生

受講後は

  • アクセシビリティが何であるかを理解できます。

  • WCAG 2.2を理解してサービスに適用できます。

  • 実務に適用できるアクセシビリティテクニックを学ぶことができます。

  • スクリーンリーダーの実際の使い方を理解してテストできます。

  • アクセシビリティが保証されたサービスを作成できます。

このような内容を学びます。

アクセシビリティとは何ですか?

Web アクセシビリティが何であるか、なぜ守るべきかについて説明します。

WCAG 2.2

Web アクセシビリティに関するガイダンスの内容をまとめて分析し、内容を理解します。

フロントエンド開発者への実務適用

実際のHTML、CSS、JavaScriptコードを使用して、成功基準に準拠したコードを作成します。

スクリーンリーダーの使い方

スクリーンリーダーがどのように要素を読み取るのか、ナビゲーションするのかを学ぶことで、サービスが正しく機能していることをテストできます。

学習内容

  • アクセシビリティとは?

    • Webアクセシビリティとは

    • Web アクセシビリティの必要性

    • 情報へのアクセスを妨げるさまざまな障害タイプと使用ツール

    • WCAG

    • 韓国型Webコンテンツアクセシビリティガイドライン(KWCAG)

  • 認識可能なコンテンツの作成

    • 認識可能性とは?

    • テキストの代替

    • 時間ベースのメディア

    • 適応性

    • 明確さ

  • 操作可能なインターフェースの実装

    • 運用のしやすさとは?

    • キーボードアクセシビリティ

    • 十分な時間を提供

    • 発作および身体的反応の予防

    • ナビゲーションの容易さ

    • 入力方式

  • わかりやすいコンテンツとインターフェース

    • 理解しやすさとは?

    • 読みやすさ

    • 予測可能性

    • 入力サポート


  • 堅牢なコンテンツ開発

    • 堅牢性とは?

    • 互換性

  • ユーザーが知らせるスクリーンリーダーの使い方

    • スクリーンリーダーのユーザー体験を理解する

    • スクリーンリーダー固有の使い方

受講前の注意

練習環境

  • すべての練習はWindows / MacOS環境の両方で可能です。

  • Windows / MacOSはもちろん、Android / IOSデバイス固有のスクリーンリーダーの使い方を提供します。

選手の知識と注意事項

  • HTML、CSS、JavaScript


こんな方に
おすすめです

学習対象は
誰でしょう?

  • アクセシビリティが何なのか気になる方

  • ウェブアクセシビリティ改善が必要な開発者

  • ユーザーエクスペリエンスを改善したいサービス企画者

  • アクセシビリティを考慮したUI/UXを設計したいデザイナー

前提知識、
必要でしょうか?

  • HTML/CSS

  • JavaScript

こんにちは
です。

10,370

受講生

359

受講レビュー

2

回答

4.8

講座評価

21

講座

더 오름은 제주코딩베이스캠프의 프리미엄 브랜드로 주로 실무, 취업과 연관된 강의를 제작하고 있습니다.

제주코딩베이스캠프에서 이론적인 지식을 획득하셨다면, 더 오름의 실전 강의들을 통해 포트폴리오와 실무 능력들을 모두 가져가세요! 

" 2%를 채우기 위한 여러분의 집념과 열정을 응원합니다! "

 

︎ 더 오름 로드맵

The Oreum 로드맵.png.webp

 

カリキュラム

全体

34件 ∙ (3時間 27分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

12件

4.9

12件の受講レビュー

  • 7552님의 프로필 이미지
    7552

    受講レビュー 9

    平均評価 5.0

    修正済み

    5

    32% 受講後に作成

    Một buổi học về Accessibility như cơn mưa rào giữa hạn hán 😭😭😭 Em đã học rất tốt ạ!!

    • aleyna님의 프로필 이미지
      aleyna

      受講レビュー 15

      平均評価 4.9

      修正済み

      5

      100% 受講後に作成

      Tôi đang thực hiện một dự án SEO và thấy rất hữu ích. Tôi thích cách hiểu nội dung theo lý thuyết và hiểu qua ví dụ mã.

      • wonjaejeon9205님의 프로필 이미지
        wonjaejeon9205

        受講レビュー 1

        平均評価 5.0

        5

        100% 受講後に作成

        • information0928님의 프로필 이미지
          information0928

          受講レビュー 1

          平均評価 5.0

          5

          12% 受講後に作成

          Đây là thời gian có thể hiểu được ý nghĩa toàn diện của khả năng tiếp cận web.

          • sechunpark5189님의 프로필 이미지
            sechunpark5189

            受講レビュー 2

            平均評価 4.0

            4

            32% 受講後に作成

            ¥5,187

            The Oreumの他の講座

            知識共有者の他の講座を見てみましょう!