강의

멘토링

커뮤니티

BEST
Programming

/

etc. (Programming)

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

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

難易度 初級

受講期間 無制限

wcag
wcag
web-accessibility
web-accessibility
wai-aria
wai-aria
semantic-html
semantic-html
wcag
wcag
web-accessibility
web-accessibility
wai-aria
wai-aria
semantic-html
semantic-html

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

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

4.9

5.0

FE7

32% 受講後に作成

日照りの恵みの雨のようなアクセシビリティ授業😭😭😭 ভালোভাবে 들었습니다!!

5.0

알리오올리오

100% 受講後に作成

SEO プロジェクトを進めているのですが、とても役に立ちました。 理論で内容を理解し、サンプル コードで理解できたのが良かったです。

5.0

아로정보기술

12% 受講後に作成

ウェブアクセシビリティの包括的な意味を知ることができる時間でした。

受講後に得られること

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

  • 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,988

受講生

414

受講レビュー

3

回答

4.8

講座評価

21

講座

더 오름(THE ORUM)は済州コーディングベースキャンプのプレミアムブランドで、主に実務や就職に関連した講義を制作しています。

済州コーディングベースキャンプで理論的な知識を習得されたなら、THE ORUMの実戦講義を通じてポートフォリオと実務能力をすべて手に入れてください!

「 残りの2%を埋めるための皆さんの執念と情熱を応援します! 」

︎ THE OREUM ロードマップ

The Oreum 로드맵.png.webp

 

カリキュラム

全体

34件 ∙ (3時間 27分)

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

受講レビュー

全体

19件

4.9

19件の受講レビュー

  • 7552님의 프로필 이미지
    7552

    受講レビュー 9

    平均評価 5.0

    修正済み

    5

    32% 受講後に作成

    日照りの恵みの雨のようなアクセシビリティ授業😭😭😭 ভালোভাবে 들었습니다!!

    • aleyna님의 프로필 이미지
      aleyna

      受講レビュー 15

      平均評価 4.9

      修正済み

      5

      100% 受講後に作成

      SEO プロジェクトを進めているのですが、とても役に立ちました。 理論で内容を理解し、サンプル コードで理解できたのが良かったです。

      • choisu1015님의 프로필 이미지
        choisu1015

        受講レビュー 3

        平均評価 5.0

        5

        62% 受講後に作成

        • yaeun964929님의 프로필 이미지
          yaeun964929

          受講レビュー 1

          平均評価 5.0

          5

          62% 受講後に作成

          • dodud1025709님의 프로필 이미지
            dodud1025709

            受講レビュー 1

            平均評価 5.0

            5

            100% 受講後に作成

            ¥5,412

            The Oreumの他の講座

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