강의

멘토링

커뮤니티

BEST
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,801

受講生

400

受講レビュー

3

回答

4.8

講座評価

21

講座

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

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

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

 

︎ 더 오름 로드맵

The Oreum 로드맵.png.webp

 

カリキュラム

全体

34件 ∙ (3時間 27分)

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

受講レビュー

全体

19件

4.9

19件の受講レビュー

  • 7552님의 프로필 이미지
    7552

    受講レビュー 9

    平均評価 5.0

    修正済み

    5

    32% 受講後に作成

    Accessibility class like welcome rain during a drought 😭😭😭 I enjoyed the class!!

    • aleyna님의 프로필 이미지
      aleyna

      受講レビュー 15

      平均評価 4.9

      修正済み

      5

      100% 受講後に作成

      I'm currently working on an SEO project and this was very helpful. It was great to be able to understand the content through theory and understand it through example code.

      • choisu1015님의 프로필 이미지
        choisu1015

        受講レビュー 3

        平均評価 5.0

        5

        62% 受講後に作成

        • yaeun964929님의 프로필 이미지
          yaeun964929

          受講レビュー 1

          平均評価 5.0

          5

          62% 受講後に作成

          • dodud1025709님의 프로필 이미지
            dodud1025709

            受講レビュー 1

            平均評価 5.0

            5

            100% 受講後に作成

            ¥5,475

            The Oreumの他の講座

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