강의

N
챌린지

멘토링

N
클립

로드맵

BEST
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!

(5.0) 20 reviews

234 learners

Level Basic

Course period Unlimited

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

Reviews from Early Learners

5.0

5.0

FE7

32% enrolled

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

5.0

쉬었음루피

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.

5.0

아로정보기술

12% enrolled

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

What you will gain after the course

  • Web accessibility

  • WCAG

  • ARIA Attribute

  • screen reader

[Infraon] Web Accessibility
Frame 1067
Instructor Introduction

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.

licat_Side_view_of_a_person_in_a_wheelchair_using_a_tablet_devi_a6b71ff1-ba84-4fd9-a317-842b9eaea32e

What is accessibility?

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

WCAG

WCAG 2.2

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

Screenshot 2024-12-13 17.08.26

Practical Applications for Front-End Developers

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

Screenshot 2024-12-13 17.07.14

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 The Oreum

11,276

Learners

448

Reviews

3

Answers

4.8

Rating

21

Courses

The Oreum is a premium brand of Jeju Coding Basecamp, primarily producing lectures related to practical work and employment.

If you have acquired theoretical knowledge at Jeju Coding Basecamp, take both your portfolio and practical skills to the next level through The Orm's hands-on courses!

"We support your tenacity and passion to fill that final 2%!"

▶︎ The Oreum Roadmap

The Oreum 로드맵.png.webp

Build both your portfolio and practical skills through these hands-on lectures! "We support your tenacity and passion to fill that final 2%!" ▶︎ The Oreum Roadmap

More

Co-instructor

Curriculum

All

34 lectures ∙ (3hr 27min)

Published: 
Last updated: 

Reviews

All

20 reviews

5.0

20 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!!

    • loooooopy님의 프로필 이미지
      loooooopy

      Reviews 17

      ∙

      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.

      • kys86580474님의 프로필 이미지
        kys86580474

        Reviews 10

        ∙

        Average Rating 5.0

        5

        32% enrolled

        This is a helpful lecture that provides a good understanding of web accessibility.

        • information0928님의 프로필 이미지
          information0928

          Reviews 2

          ∙

          Average Rating 4.0

          5

          12% enrolled

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

          • bkman10046536님의 프로필 이미지
            bkman10046536

            Reviews 3

            ∙

            Average Rating 5.0

            5

            62% enrolled

            The explanations are clear and concise, and the lectures are not too long, making it the best in many ways!

            The Oreum's other courses

            Check out other courses by the instructor!

            Top 10 JavaScript AlgorithmsCourse Thumbnail

            Top 10 JavaScript Algorithms

            The Oreum

            Develop your ability to find the core of a problem and solve it with the 'Top 10 JavaScript Algorithms' that cover the most frequently asked types of problems!

            Intermediate

            Intermediate

            JavaScript, Coding Test, Algorithm

            Top 10 JavaScript AlgorithmsCourse Thumbnail

            Top 10 JavaScript Algorithms

            The Oreum

            Create Super Simple Websites with Oopyx Notion Without CodeCourse Thumbnail

            Create Super Simple Websites with Oopyx Notion Without Code

            The Oreum

            A course for creating quality websites using just Notion and Oopy, without a developer or coding.

            Beginner

            Beginner

            Notion

            Create Super Simple Websites with Oopyx Notion Without CodeCourse Thumbnail

            Create Super Simple Websites with Oopyx Notion Without Code

            The Oreum

            Notion Template Lab - Daily Life Part 1

            The Oreum

            Learn to create and use practical Notion templates for daily life, including household ledgers, pet care, and collaborative year-end reflections. Beyond just attractive templates, this covers design for efficient data management and practicality, allowing deeper Notion usage.

            Basic

            Basic

            Notion, Business Productivity, Team Collaboration Tool

            Notion Template Lab - Daily Life Part 1

            The Oreum

            A Journey with JavaScript ClassesCourse Thumbnail

            A Journey with JavaScript Classes

            The Oreum

            Why does JavaScript use Classes? How was object-oriented programming implemented before their advent? Let's take a brief journey to find answers to questions you might ponder while studying JavaScript.

            Basic

            Basic

            JavaScript, oop, frontend

            A Journey with JavaScript ClassesCourse Thumbnail

            A Journey with JavaScript Classes

            The Oreum

            Right now, PolarsCourse Thumbnail

            Right now, Polars

            The Oreum

            This course is designed for beginners, students, and those who want to use Polars, aiming to acquire the necessary skills for data analysis, from basic concepts of the Python-based data analysis library Polars to simple data processing and exploratory data analysis (EDA).

            Basic

            Basic

            Python, python-polars

            Right now, PolarsCourse Thumbnail

            Right now, Polars

            The Oreum