강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

etc. (Programming)

Web Accessibility WCAG: You See What You Know

The secret to building websites usable by anyone without discomfort, through WCAG 2.2 guidelines and practical application know-how, create highly accessible services!

(4.9) 12 reviews

175 learners

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

Reviews from Early Learners

What you will learn!

  • Web accessibility

  • WCAG

  • ARIA Attribute

  • screen reader

Web accessibility is no longer an option, it's a necessity 🌐

The importance of web accessibility is growing day by day. With the rise of disabled and elderly users in Korea, the number of users requiring accessibility is also increasing. Furthermore, with the expansion of accessibility certification in both the public and private sectors, web accessibility is becoming an essential element in operating services.

This course demonstrates how to implement WCAG 2.2's success guidelines using HTML, CSS, and JavaScript. You'll understand and utilize various accessibility techniques, including ARIA attributes, keyboard navigation, and screen reader support. Beyond simply reading guidelines, you'll gain practical , hands-on web accessibility expertise .

Features of this course

📌 Understanding WCAG 2.2 (Web Content Accesibility Guideline)

📌 Practical application methods with code

📌 Testing method using a screen reader

I recommend this to these people

Strengthening web accessibility practical skills

Developers who have read the WCAG document but are at a loss as to how to apply it to actual projects

Anyone who wants to create accessible services
Developers/planners/designers starting to develop accessible services

Preparing for a Technical Interview
Job seekers who want to confidently answer accessibility-related technical interview questions.

After class

  • I can understand what accessibility is.

  • I understand WCAG 2.2 and can apply it to my services.

  • You can learn accessibility techniques that can be applied in practice.

  • You can understand and test the actual use of a screen reader.

  • You can create services that guarantee accessibility.

Learn about these things.

What is accessibility?

Covers what web accessibility is and why you should care about it.

WCAG 2.2

Let's analyze and understand the content of the guidelines for web accessibility together.

Practical Applications for Front-End Developers

Write code that adheres to success criteria using actual HTML, CSS, and JavaScript code.

How to use a screen reader

You can test whether your service is working correctly by learning how screen readers read and navigate elements.

Learning Content

  • What is accessibility?

    • What is web accessibility?

    • The Need for Web Accessibility

    • Various types of obstacles and tools that hinder access to information

    • WCAG

    • Korean Web Content Accessibility Guidelines (KWCAG)

  • Creating recognizable content

    • What is recognizability?

    • Text alternatives

    • time-based media

    • adaptability

    • Clarity

  • Implementing a manipulable interface

    • What is ease of operation?

    • Keyboard accessibility

    • Provide sufficient time

    • Preventing seizures and physical reactions

    • Ease of navigation

    • Input method

  • Easy-to-understand content and interface

    • What is ease of understanding?

    • Readability

    • Predictability

    • Input support


  • Developing robust content

    • What is robustness?

    • Compatibility

  • How to use a screen reader as instructed by the user

    • Understanding the Screen Reader User Experience

    • Usage Guide for Each Screen Reader

Things to note before taking the course

Practice environment

  • All exercises are available on both Windows and MacOS environments.

  • We provide instructions for using screen readers for Windows/MacOS as well as Android/iOS devices.

Player Knowledge and Precautions

  • HTML, CSS, JavaScript


Recommended for
these people

Who is this course right for?

  • Accessibility for the Curious

  • Web Accessibility-Lacking Developer

  • Service planner wanting to improve user experience

  • Designer wanting to design accessible UI/UX

Need to know before starting?

  • HTML/CSS

  • JavaScript

Hello
This is

10,373

Learners

359

Reviews

2

Answers

4.8

Rating

21

Courses

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

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

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

 

︎ 더 오름 로드맵

The Oreum 로드맵.png.webp

 

Curriculum

All

34 lectures ∙ (3hr 27min)

Published: 
Last updated: 

Reviews

All

12 reviews

4.9

12 reviews

  • 7552님의 프로필 이미지
    7552

    Reviews 9

    Average Rating 5.0

    Edited

    5

    32% enrolled

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

    • aleyna님의 프로필 이미지
      aleyna

      Reviews 15

      Average Rating 4.9

      Edited

      5

      100% enrolled

      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.

      • wonjaejeon9205님의 프로필 이미지
        wonjaejeon9205

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        • information0928님의 프로필 이미지
          information0928

          Reviews 1

          Average Rating 5.0

          5

          12% enrolled

          It was a time to learn about the comprehensive meaning of web accessibility.

          • sechunpark5189님의 프로필 이미지
            sechunpark5189

            Reviews 2

            Average Rating 4.0

            4

            32% enrolled

            $34.10

            The Oreum's other courses

            Check out other courses by the instructor!