인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
NEW
개발 · 프로그래밍

/

개발 · 프로그래밍 기타

아는 만큼 보이는 웹 접근성 WCAG

누구나 불편함 없이 사용할 수 있는 웹사이트를 만드는 비밀, WCAG 2.2 가이드와 실전 적용 노하우를 통해 접근성 높은 서비스를 만들어보세요!

79명 이 수강하고 있어요.

Thumbnail

초급자를 위해 준비한
[프론트엔드, wcag] 강의입니다.

이런 걸
배워요!

  • 웹접근성

  • WCAG

  • ARIA 속성

  • 스크린리더

웹 접근성, 더 이상 선택이 아닌 필수입니다 🌐

웹 접근성의 중요성은 나날이 커지고 있습니다. 국내 장애인 사용자와 고령 사용자가 증가하며 접근성을 필요로 하는 사용자가 증가하고 있습니다. 또한 공공/민간 분야의 접근성 인증이 확대되면서 서비스를 운영하는데 웹 접근성은 필수 요소가 되고 있습니다.

본 강의에서는 HTML, CSS, JavaScript를 활용하여 WCAG 2.2의 성공지침을 준수하는 방법을 코드로 구현합니다. ARIA 속성, 키보드 탐색, 스크린리더 등 다양한 접근성 테크닉을 이해하고 활용할 수 있습니다. 단순히 가이드라인을 읽는 것에서 벗어나, 실전에 바로 적용 가능한 웹 접근성 구현 노하우를 익힐 수 있습니다.

이 강의의 특징

📌 WCAG 2.2(Web Content Accesibility Guideline, 웹접근성 콘텐츠 가이드라인)에 대한 이해

📌 코드와 함께 살펴보는 실무 적용 방법

📌 스크린리더를 이용한 테스트 방법

이런 분들께 추천해요

웹 접근성 실무 역량 강화

WCAG 문서는 읽어봤지만 실제 프로젝트에 어떻게 적용해야 할지 막막한 개발자

접근성 있는 서비스를 만들고 싶으신 분
접근성 있는 서비스 개발을 시작하는 개발자 / 기획자 / 디자이너

기술 면접 준비하기
접근성 관련 기술 면접 질문에 자신있게 답변하고 싶은 취업 준비생

수강 후에는

  • 접근성이 무엇인지 이해할 수 있어요.

  • WCAG 2.2를 이해하고 서비스에 적용할 수 있어요.

  • 실무에 적용할 수 있는 접근성 테크닉을 배울 수 있어요.

  • 스크린 리더의 실제 사용법을 이해하고 테스트할 수 있어요.

  • 접근성이 보장된 서비스를 만들 수 있어요.

이런 내용을 배워요.

접근성이 무엇인가요?

웹 접근성이 무엇인지, 왜 지켜야하는 지에 대한 내용을 다룹니다.

WCAG 2.2

웹 접근성을 위한 지침의 내용을 함께 분석하며 내용을 이해합니다.

프론트엔드 개발자를 위한 실무 적용

실제 HTML, CSS, JavaScript 코드를 이용하여 성공 기준을 준수하는 코드를 작성해봅니다.

스크린 리더 사용법

스크린 리더가 어떻게 요소를 읽는지, 탐색하는지를 학습하여 서비스가 올바르게 동작하는지 테스트할 수 있습니다.

학습 내용

  • 접근성이란?

    • 웹 접근성이란?

    • 웹 접근성의 필요성

    • 정보 접근을 방해하는 다양한 장애 유형과 사용 도구

    • WCAG

    • 한국형 웹 콘텐츠 접근성 지침(KWCAG)

  • 인식 가능한 콘텐츠 만들기

    • 인식 가능성이란?

    • 텍스트 대안

    • 시간 기반 미디어

    • 적응성

    • 명료성

  • 조작 가능한 인터페이스 구현

    • 운용의 용이성이란?

    • 키보드 접근성

    • 충분한 시간 제공

    • 발작 및 신체적 반응 예방

    • 내비게이션 용이성

    • 입력 방식

  • 이해하기 쉬운 콘텐츠와 인터페이스

    • 이해의 용이성이란?

    • 가독성

    • 예측 가능성

    • 입력 지원


  • 견고한 콘텐츠 개발

    • 견고성이란?

    • 호환성

  • 사용자가 알려주는 스크린리더 사용 방법

    • 스크린 리더 사용자 경험 이해하기

    • 스크린 리더별 사용법

수강 전 참고 사항

실습 환경

  • 모든 실습은 Windows/MacOS 환경 모두에서 가능합니다.

  • Windows/MacOS는 물론 Android/IOS 기기별 스크린리더 사용법을 제공합니다.

선수 지식 및 유의사항

  • HTML, CSS, JavaScript


이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 접근성이 무엇인지 궁금한 분

  • 웹 접근성 개선이 필요한 개발자

  • 사용자 경험을 개선하고 싶은 서비스 기획자

  • 접근성을 고려한 UI/UX를 설계하고 싶은 디자이너

선수 지식,
필요할까요?

  • HTML/CSS

  • JavaScript

안녕하세요
The Oreum입니다.

수강생 수

8,220

수강평 수

241

강의 평점

4.8

강의 수

15

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

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

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

 

︎ 더 오름 로드맵

image

커리큘럼

전체

33개 ∙ (3시간 27분)

강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!