강의

멘토링

로드맵

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) 13 reviews

184 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,495

Learners

370

Reviews

2

Answers

4.8

Rating

21

Courses

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

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

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

 

︎ 더 오름 로드맵

The Oreum 로드맵.png.webp

 

Curriculum

All

34 lectures ∙ (3hr 27min)

Published: 
Last updated: 

Reviews

All

13 reviews

4.9

13 reviews

  • FE7님의 프로필 이미지
    FE7

    Reviews 9

    Average Rating 5.0

    Edited

    5

    32% enrolled

    가뭄의 단비같은 접근성 수업 ㅠㅠㅠ 잘 들었습니다!!

    • 알리오올리오님의 프로필 이미지
      알리오올리오

      Reviews 15

      Average Rating 4.9

      Edited

      5

      100% enrolled

      SEO 프로젝트 진행중인데 도움 많이 됐습니다. 이론으로 내용 파악하고 예시 코드로 이해할 수 있어서 좋았습니다.

      • brassdong님의 프로필 이미지
        brassdong

        Reviews 1

        Average Rating 5.0

        5

        62% enrolled

        • wonjae.jeon님의 프로필 이미지
          wonjae.jeon

          Reviews 1

          Average Rating 5.0

          5

          100% enrolled

          • 아로정보기술님의 프로필 이미지
            아로정보기술

            Reviews 1

            Average Rating 5.0

            5

            12% enrolled

            웹 접근성의 포괄적인 의미를 알 수 있는 시간이였습니다.

            Limited time deal ends in 10:48:23

            $33,000.00

            25%

            $34.10

            The Oreum's other courses

            Check out other courses by the instructor!