모두가 사용할 수 있는 포용적인 웹사이트를 만드세요. Semantic HTML, ARIA, 키보드 및 스크린 리더 지원, WCAG 2.2 준수를 마스터하세요. 이 트랙은 초급(A1)부터 고급(B2)까지 30개의 점진적 미니 코스를 포함하며, 짧고 집중된 강의와 빠른 퀴즈로 각 개념을 확실히 합니다.
기초부터 시작하여 중급 및 고급 주제를 단계적으로 학습하며, 각 코스는 이전 코스를 기반으로 합니다. 모든 강의는 실용적이고 한입 크기이며, 필요할 때 24/7 AI 튜터를 이용할 수 있습니다.
각 코스는 4개의 집중된 한입 크기 강의로 나뉩니다. 매일 몇 개의 강의를 완료하면 몇 개월이 아닌 몇 주 안에 전체 트랙을 마스터할 수 있습니다.
AI 기반 도구와 기능으로 학습을 강화하세요
Web Accessibility Academy 학습 경로의 모든 코스.
접근성이 누구에게 도움이 되는지, 포용적으로 구축해야 하는 비즈니스적·윤리적 근거를 설명합니다.
네 가지 WCAG 원칙을 적용하여 어떤 페이지가 접근 가능한지 판단합니다.
속성을 하나도 추가하기 전에 페이지에 접근성을 부여할 수 있도록 의미 있는 요소를 선택합니다.
스크린 리더 사용자가 탐색할 수 있는 논리적인 제목 개요를 구축합니다.
랜드마크 영역을 사용하여 사용자가 필요한 부분으로 바로 이동하게 합니다.
내용을 복잡하게 만들지 않고 의미를 전달하는 이미지 대체 텍스트를 작성합니다.
동작과 의미가 일치하도록 올바른 상호작용 요소를 선택합니다.
모든 컨트롤에 이름이 지정되고 쉽게 조작할 수 있는 양식을 구축합니다.
저시력 및 색각 이상 사용자가 텍스트와 UI를 충분히 구별할 수 있게 합니다.
키보드만으로 모든 상호작용에 접근하고 그 상태를 확인할 수 있게 합니다.
기본 HTML만으로 표현할 수 없는 의미를 추가하도록 ARIA를 올바르게 사용합니다.
보조 기술이 각 요소에 대해 정확히 무엇을 알릴지 제어합니다.
동적 인터페이스를 계속 사용할 수 있도록 포커스를 이동시키고 가둡니다.
키보드 사용자가 반복되는 콘텐츠를 지나 중요한 내용으로 바로 이동하게 합니다.
모든 사용자가 양식 오류를 찾고 수정할 수 있도록 알립니다.
셀과 머리글의 관계가 명확해지도록 표를 마크업합니다.
의미 있는 그래픽은 노출하고 순전히 장식적인 그래픽은 숨깁니다.
포커스를 가두고 깔끔하게 닫히며 스스로 알림을 제공하는 대화상자를 구축합니다.
올바른 ARIA와 키 입력으로 일반적인 펼침 위젯을 구현합니다.
시각 장애 사용자가 실제로 경험하는 방식으로 직접 만든 결과물을 테스트합니다.
실제 성공 기준을 구체적인 수정 사항에 연결하여 AA 적합 사이트를 만듭니다.
클라이언트 측 라우팅과 다시 렌더링되는 상황에서도 단일 페이지 앱의 접근성을 유지합니다.
새로 고침 없이 발생하는 변경 사항을 스크린 리더 사용자에게 알립니다.
검증된 APG 패턴을 따라 견고한 사용자 지정 위젯을 구축합니다.
동작 설정을 존중하고 불편함이나 발작을 유발하지 않도록 합니다.
색상과 형태를 넘어 차트와 그래프를 인지할 수 있게 만듭니다.
처리 흐름에서 특정 유형의 접근성 버그를 자동으로 찾아냅니다.
체계적인 수동 감사를 수행하고 중요한 수정 사항의 우선순위를 정합니다.
접근성을 로드맵에 포함하게 만드는 법률과 표준을 이해합니다.
한 프로젝트를 넘어 지속되도록 팀에 접근성을 정착시키십시오.
네, Web Accessibility Academy 강의를 무료로 시작하고 인터랙티브 레슨을 모두 무료로 완료할 수 있습니다. 선택적 PRO 구독을 통해 고급 AI 도구와 공유 가능한 수료증을 잠금 해제할 수 있습니다.
아니요. 강의는 기초부터 시작하여 점차 더 심화된 주제로 나아가므로 HTML 경험이 없어도 시작할 수 있습니다.
직접 해보면서 배웁니다. 짧은 인터랙티브 레슨은 명확한 설명과 실시간으로 실행되는 실습 코딩 연습을 함께 제공하며, 24시간 AI 튜터가 막힐 때마다 맞춤형 도움을 줍니다.
네, PRO 학습자는 시험을 응시하고 Web Accessibility Academy 강의의 검증 코드가 포함된 공유 가능한 수료증을 취득할 수 있습니다.
네, CoddyKit은 웹과 iOS, Android 네이티브 앱으로 이용 가능하므로 어느 기기에서나 HTML을(를) 배우고 진행 상황이 모든 기기에서 동기화됩니다.
