본문 바로가기

아는 만큼 보이는 웹 접근성 WCAG
VOD
기타
초급

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

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

한재현 프로필
한재현 Jaehyun Han
강사 | 위니브 CPO
김민승 프로필
김민승
강사 | 위니브 프론트엔드 개발자
전유진 프로필
전유진
강사 | 위니브 프론트엔드 개발자
백경현 프로필
백경현
강사 | 위니브 프론트엔드 개발자

교육 시수

  • 시간35개 강의 | 3시간 28분
  • 유형 VOD

강의 소개

아는 만큼 보이는 웹 접근성 WCAG 강의 소개 1

커리큘럼

  • 강의 교안
  • 접근성의 의미와 필요성
    07:55
  • 법적근거와 다양한 장애유형
    12:35
  • 웹 콘텐츠 접근성 지침
    07:23
  • 가이드라인 1.1 텍스트 대안
    06:53
  • 가이드라인 1.2 시간 기반 미디어
    03:26
  • 가이드라인 1.3 적응성
    07:10
  • 가이드라인 1.4 명료성
    16:01
  • 성공 기준 2.1.1 키보드
    06:13
  • 성공 기준 2.1.2 키보드 트랩 방지
    04:11
  • 성공 기준 2.1.4 문자키 단축키
    03:48
  • 가이드라인 2.1 키보드 접근성 구현 예시
    05:54
  • 성공 기준 2.2.1 시간 조절
    06:17
  • 성공 기준 2.2.2 일시 정지, 중지, 숨기기
    06:07
  • 가이드라인 2.2 충분한 시간 제공 구현 예시
    04:39
  • 성공 기준 2.3.1 세 번의 깜박임 또는 임계값 이하
    04:04
  • 가이드라인 2.3 발작 및 신체적 반응 예방 구현 예시
    05:03
  • 성공 기준 2.4.1 블록 우회
    04:44
  • 성공 기준 2.4.2 페이지 제목 지정
    02:41
  • 성공 기준 2.4.3 포커스 순서
    01:48
  • 성공 기준 2.4.4 링크 목적 - 맥락 내
    02:53
  • 가이드라인 2.4 내비게이션 용이성 구현 예시
    04:07
  • 성공 기준 2.5.1 포인터 제스처
    04:04
  • 성공 기준 2.5.2 포인터 취소
    02:59
  • 성공 기준 2.5.3 레이블의 이름
    03:47
  • 성공 기준 2.5.4 모션 작동
    02:44
  • 가이드라인 3.1 가독성
    09:29
  • 가이드라인 3.2 예측가능성 - 1
    09:55
  • 가이드라인 3.2 예측가능성 - 2
    05:09
  • 가이드라인 3.3 입력지원 - 1
    10:30
  • 가이드라인 3.3 입력지원 - 2
    06:02
  • 가이드라인 4.1 호환성
    07:19
  • 스크린리더 사용법: VoiceOver 기초 - 1
    11:49
  • 스크린리더 사용법: VoiceOver 기초 - 2
    09:22
  • 수강 중 질문하기
※ 세부 커리큘럼은 추후 수정될 수 있습니다.

강사소개

"부트캠프 수료율 100%의 비결은 수강생을 향한 '진심'입니다."

  • 한재현 강사

    한재현Jaehyun Han

    • 現주식회사 위니브 / CPO, 프론트엔드 개발 담당
    • 前주식회사 씨에스 / 백엔드 개발 담당
    • 前주식회사 디케이테크인 / 다음(Daum)포털 검색개발팀
    • 前주식회사 글리터 / 유니티 게임 클라이언트 개발

    [강의 경력]

    • [이스트소프트] 프론트엔드 개발자 양성 과정 메인강사
    • [모두의연구소] 인공지능(AI) 모델 활용 백엔드 개발 과정 메인강사
    • [패스트캠퍼스] 프론트엔드 개발 부트캠프 8기 메인강사
    • [멋쟁이사자처럼] 프론트엔드스쿨 메인강사
  • 김민승 강사

    김민승

    • 現주식회사 위니브, 프론트엔드 개발자

    [강의 경력]

    • [모두연] 프론트엔드 스쿨 5, 6기 HTML 강사
    • [모두연] 프론트엔드 스쿨 4기 HTML/CSS 강사
    • [이스트소프트] 프론트엔드 스쿨 5기 HTML 강사
    • [이스트소프트] 프론트엔드 스쿨 2기 HTML 강사
    • [이스트소프트] 프론트엔드 스쿨 1기 HTML 강사
    • [제주코딩베이스캠프] 프론트엔드 파트 HTML 강의
    • [제주대학교] 겨울방학 코딩캠프 HTML/CSS/JS 보조강사
    • [오현고등학교] HTML 강사
    • [인프런] <아는 만큼 보이는 웹 접근성 WCAG> 강사
    • [인프런] <우피로 웹사이트 만들기> 강사
    • [오즈코딩캠프] <창업자를 위한 우피로 웹사이트 만들기> 강사
    • [오피스제주] 온보딩 프로그램 <우피로 웹사이트 만들기> 강사
    • [JDC] 첨단과학단지 재미만랩 노코드 웹사이트 제작 3, 4기 강사
    • [제주대학교] 소프트웨어 테크 커넥트, 행사 기획 및 진행 및 강의
    • [멋쟁이사자처럼] 프론트엔드 스쿨 5, 7기 멘토
  • 전유진 강사

    전유진

    • 現주식회사 위니브, 프론트엔드 개발자

    [강의 경력]

    • [이스트소프트] 프론트엔드 개발자 양성 과정 6기 강사 (2025)
    • [모두연] 프론트엔드 개발자 과정 4기 강사 (2025)
    • [이스트소프트] 프론트엔드 개발자 양성 과정 5기 강사 (2025)
    • [이스트소프트] 프론트엔드 개발자 양성 과정 2기 강사 (2024.08)
    • [이스트소프트] 백엔드 개발자 양성 과정 6기 강사 (2024.08)
    • [이스트소프트] 프론트엔드 개발자 양성 과정 1기 강사 (2024.06)
    • [이스트소프트] 백엔드 개발자 양성 과정 5기 프론트과정 멘토 (2024.05)
    • 2024 제주코딩베이스캠프 CSS 강사 (2024.02)
    • [오현고등학교] 웹 개발 특강 강사 (2023, 2024)
    • [제주대학교] 일본 IT 취업 역량 교육 HTML/CSS 심화 보조강사 (2023.11)
    • [제주대학교] 일본 IT 취업 역량 교육 HTML/CSS 기초 강사 (2023.11)
    • [제주 청년센터] 청년학교 <코딩 맛보기> 보조강사 (2023.10)
    • [오피스제주] 온보딩 프로그램 <UXUI 살펴보기>, <노션 기본 활용방법> 강사 (2023.10)
    • [JDC] 첨단과학단지 재미만랩 <노코드 웹사이트 제작> 3기, 4기 강사 (2023.09 ~ 2023.10)
    • [멋쟁이사자처럼] 프론트엔드 스쿨 5기, 7기 멘토 (2023.03 ~ 2023.11)
    • [멋쟁이사자처럼] 앱(iOS)스쿨 1기 보조강사 (2022.09 ~ 2023.01)
  • 백경현 강사

    백경현

    • 現주식회사 위니브, 프론트엔드 개발자
    • 성균관대학교 컴퓨터교육과 학사

    [강의 경력]

    • [이스트소프트] 프론트엔드 개발자 양성 과정 2기 자바스크립트 강사 (2024.09)
    • [이스트소프트] 프론트엔드 개발자 양성 과정 1기 자바스크립트 강사 (2024.07)
    • [인프런] <떠먹는 Three.js>, <떠먹는 자바스크립트 비동기> 강사
    • 2024 제주코딩베이스캠프 자바스크립트 강사 (2024.02)
    • [JDC] 첨단과학단지 재미만랩 <웹 개발 기초> 3기, 4기 강사 (2023.09 ~ 2023.10)
    • 2023 오현고등학교 웹 개발 특강 강사 (2023.04)

    [멘토 경력]

    • [이스트소프트] 백엔드 개발자 양성 과정 5기 프론트엔드 멘토 (2024.05)
    • [멋쟁이사자처럼] 프론트엔드 스쿨 5기, 7기 멘토 (2023.03 ~ 2023.11)