문의를 보내주셔서 감사합니다! 팀원이 곧 연락드리겠습니다.
예약을 보내주셔서 감사합니다! 저희 팀 멤버 중 한 분이 곧 연락드리겠습니다.
코스 개요
법적 배경 및 접근성의 기본 원리
모듈 1: 접근성 법규 소개 및 중요성
- 6월 28일부터 시행되는 새로운 접근성 관련 법규 개요 설명
- 법적 요건과 이행 기한 안내
- 공공기관·민간 기업 및 개발자들에게 미치는 영향 설명
- 사회적, 윤리적, 비즈니스 관점에서 접근성이 중요한 이유
- 규정 미준수 시 가해지는 처벌 내용 소개
- WCAG 2.1/2.2 및 ARIA 등 주요 접근성 기준 설명
- 장애 유형별 분류 안내
모듈 2: 접근성 원칙과 지침
- 인지 가능성·조작 가능성·이해 용이성·견고성 등 POUR 원칙 설명
- WCAG 기준에 대한 입문적 안내
- ARIA의 역할, 상태, 속성 활용법 소개
- 접근성을 위한 의미론적 HTML 작성 방식 강조
모듈 3: 접근성 친화형 개발 환경 구성법
- 브라우저 내장 개발자 도구, NVDA 및 VoiceOver와 같은 스크린 리더, 각종 접근성 확장 기능 소개
- 린터와 자동화된 접근성 테스트 도구 설정 방법 안내
- 일반적으로 사용되는 접근성 검증 도구 개요 제공
- 모바일 시뮬레이터 및 실제 기기에서의 접근성 테스트 절차 설명 (VoiceOver·TalkBack 활용, 안드로이드 Accessibility Scanner 및 Xcode Accessibility Inspector 이용법)
모듈 4: 실무 코딩 – 의미론적 HTML과 키보드 조작 구현
- 접근성을 고려한 시맨틱 마크업 작성법 연습
- 키보드를 통한 전체적인 탐색 기능 완벽히 구현하기
- 포커스 관리 기술을 습득합니다
- 폼 및 대화형 요소의 접근성 확보 방안 익히기
네이티브 모바일 앱에서의 접근성 (선택적 추가 모듈, 약 1.5시간 분량)
- 구글 및 애플 플랫폼별 가이드라인 소개
- 모바일 환경에서의 네비게이션·버튼·폼 접근성 개선법 안내
- 일반적인 모바일 접근성 문제와 해결책 살펴보기
- VoiceOver 및 TalkBack을 이용해 실제 테스트 체험하기
고급 코딩 기술과 보조 기술 활용법
모듈 5: 접근성을 위한 CSS와 시각 디자인 기법
- 색 대비도 및 글꼴 크기 선택의 베스트 프랙티스 설명
- 포커스 상태 표시 방법과 가시적 초점 표시 요소 다루기
- 반응형 디자인과 접근성 간의 상호 관계 탐구
- 애니메이션 및 전환 효과 적용 시 접근성에 부정적 영향을 주지 않는 법 배우기
- 모바일 화면 환경에서의 색 대비와 크기 설정 원칙 안내
모듈 6: 동적 콘텐츠 및 복잡한 웹 애플리케이션을 위한 ARIA 활용법
- ARIA 속성 사용 시기와 올바른 적용 방법 설명
- 스크린 리더를 위해 실시간 콘텐츠 영역 관리 기법 소개
- 접근성 보장형 위젯 및 맞춤형 컴포넌트 설계법 학습
- 단일 페이지 애플리케이션에서 ARIA의 역할 강조
- 모바일 플랫폼 환경에서 네이티브 접근성 역할과 레이블 적용법 설명 (안드로이드 contentDescription, iOS accessibilityLabel 등)
모듈 7: 실습 중심의 코딩 연습 – 접근성 우수 컴포넌트 구현하기
- 접근성을 갖춘 버튼, 팝업창, 드롭다운 메뉴 및 탭 만들기 실습
- 양식 유효성 검사와 오류 처리 구현 시 접근성 고려법 연마
- 현실적 UI 컴포넌트를 구현할 때 ARIA 및 시맨틱 HTML 적용 기술 활용하기
접근성 테스트, 규정 준수 및 지속 가능한 개선 전략
모듈 8: 접근성 검증 절차 및 감사 방법론
- 스크린 리더나 키보드만으로 진행하는 수동 테스트 기법 배우기
- axe, Lighthouse, pa11y 같은 자동화 도구 활용법 익히기
- QA 팀을 위해 접근성 관련 검사 시나리오 작성 기술 연습
- CI/CD 파이프라인 내에서 자동화된 접근성 테스트 도입 방법 설명
- 네이티브 모바일 앱의 접근성을 검증하는 수단 안내 (수동·자동 테스트 수행, Accessibility Scanner, Espresso for Android 및 XCTest for iOS 활용법)
모듈 9: 문제 해결 전략 및 지속 가능한 접근성 유지 방법
- 흔히 발생하는 접근성 관련 문제와 해결책 정리하기
- 기존 코드베이스 속 접근성 요소 관리 방법 설명
- 기능 추가나 리팩토링 과정에서도 지속적으로 접근성을 보장하는 법 강조
- 모바일·데스크탑·웹 등 다양한 플랫폼 전반에 걸쳐 접근성 관리 방안 탐구하기
모듈 10: 최종 실습 및 강좌 마무리 세션
- 작은 규모의 애플리케이션이나 모듈을 접근성 기준에 맞춰 개발하거나 개선하기 연습
- 동료들과 코드 리뷰 및 그룹 토론 진행
- 질의응답 및 피드백 교환 시간 제공
- 지속적인 학습을 위한 자료와 규정 업데이트 정보 제공
요건
- HTML, CSS, JavaScript 기초~중급 수준의 이해도 필요합니다
- 안드로이드 및 iOS용 모바일 앱 개발 관련 지식이 있으면 좋습니다
- React, Angular, Vue 등 프론트엔드 프레임워크 활용 경험이 있다면 유리합니다
- 모바일 앱 개발 경력 역시 도움이 됩니다
- 웹 및 모바일 개발 프로세스에 대한 기본적 이해가 필요합니다
- 코드 편집기와 브라우저 개발자 도구 등을 갖춘 노트북이 준비되어야 합니다
대상
- 프론트엔드·백엔드·모바일 개발자
- 코딩 능력을 갖춘 UI/UX 디자이너
- 접근성 테스트 업무를 담당하는 QA 엔지니어
- 접근성 규정 준수와 관련된 제품 기획자 및 프로젝트 매니저
21 시간
회원 평가 (3)
도구 실험
Nuwan Gunaratne - AZQORE
코스 - User Experience Design with Figma
기계 번역됨
우리 트레이너인 야산크는 매우 전문적이었습니다. 그는 우리가 실제로 배워야 할 내용에 맞게 교육 과정을 수정해주었고, 우리는 그와 함께 매우 좋은 학습 경험을 했습니다. 그가 가르친 분야에 대한 이해력은 인상적이었으며, 실제 경험이나 직장에서 마주한 실제 문제를 해결하는 데 도움을 주었습니다.
Ahmed Nazeem - Maldives Pension Administration Office
코스 - Multimodal AI for Enhanced User Experience
기계 번역됨
"트레이너가 우리 팀이 프로젝트에 인간 중심 설계(HCD)를 어떻게 적용할 수 있는지 실시간으로 보여주는 접근 방식을 정말로 고마워했습니다. 또한 트레이너가 프로젝트의 전반적인 이해에 시간을 할애해 주어, 사용자 경험(UX)과 사용자 인터페이스(UI)를 개선하는 방법에 대한 명확하고 실용적인 가이드라인을 제공할 수 있었습니다."
Nichole Bryant Joven - Grundfos
코스 - Human-Centered Design (HCD)
기계 번역됨
