사용 안내서 취소

Adobe Captivate에서 액세스 가능한 eLearning 콘텐츠 만들기

  1. Captivate 사용자 가이드
  2. Adobe Captivate의 새로운 기능
  3. Adobe Captivate 시스템 요구 사항
  4. Adobe Captivate 다운로드
  5. 자주 묻는 질문
  6. Adobe Captivate 업데이트
    1. Adobe Captivate(12.6 업데이트) 릴리스 노트
    2. Adobe Captivate(12.5 업데이트) 릴리스 노트
    3. Adobe Captivate(12.4 업데이트) 릴리스 노트
    4. Adobe Captivate(12.3 업데이트) 릴리스 노트
    5. Adobe Captivate(12.2 업데이트) 릴리스 노트
    6. Adobe Captivate(12.1 업데이트) 릴리스 노트
  7. Adobe Captivate 기능에 대한 URL 액세스 구성
  8. Admin Console에서 Captivate 패키지 만들기 및 배포
  9. 슬라이드 추가
    1. Adobe Captivate의 슬라이드 탐색기
    2. 대화 슬라이드 추가
    3. Adobe Captivate 프로젝트에 캐릭터 추가
    4. 슬라이드에서 배경 이미지 편집
    5. 콘텐츠 블록 및 구성 요소에 안쪽 여백 추가
    6. 긴 스크롤 프로젝트 만들기
  10. Adobe Captivate의 디자인 옵션
    1. 디자인 옵션이란?
    2. 디자인 옵션의 일부
    3. 사용자 정의 디자인 옵션 생성
    4. 사용자 정의 디자인 옵션 수정
    5. 사용자 정의 디자인 옵션 내보내기
    6. 사용자 정의 디자인 옵션 가져오기
  11. 텍스트 블록 추가
    1. 프로젝트에 텍스트 추가
    2. 프로젝트에 Adobe 글꼴 추가
  12. 미디어 블록 추가
    1. 프로젝트에 이미지 추가
    2. 프로젝트에 동영상 추가
    3. 인용문 추가
    4. 프로젝트에 SVG 추가
    5. 프로젝트에 웹 개체 추가
  13. 대화형 구성 요소
    1. 버튼 추가
    2. 입력 필드 추가
    3. 라디오 버튼 그룹 추가
    4. 드롭다운 추가
    5. 확인란 추가
  14. 브랜딩 블록 추가
    1. 프로젝트에 머리글 추가
    2. 프로젝트에 바닥글 추가
  15. 위젯
    1. 카드 추가
    2. 탭 추가
    3. 인증서 추가
    4. 캐러셀 추가
    5. 핫스팟 추가
    6. 드래그 앤 드롭 추가
    7. 타임라인 추가
    8. 클릭하여 표시하기 추가
    9. 아코디언 추가
  16. 퀴즈 만들기
    1. 객관식 질문 추가
    2. 참 또는 거짓 질문 추가
    3. 열 연결 질문 추가
    4. 단답형 질문 추가
    5. 순서 질문 추가
    6. 문제 은행 및 무작위 질문 슬라이드 추가
    7. 질문을 CSV로 가져오기
  17. 프로젝트에 오디오 추가
    1. 오디오 추가
    2. 폐쇄 캡션 추가
  18. 상호 작용
    1. 프로젝트에 상호 작용 추가
    2. 오버레이를 사용하여 대화형 동영상 만들기
    3. 슬라이드 수준 상호 작용 만들기
    4. 개체 수준 상호 작용 만들기
  19. 애니메이션
    1. 프로젝트에 애니메이션 추가
  20. 접근성
    1. Adobe Captivate에서 접근성 높은 eLearning 콘텐츠 만들기
    2. 슬라이드 접근성 높이기
    3. 슬라이드 개체를 액세스 가능하도록 설정
    4. 대화형 구성 요소 접근성 높이기
    5. 위젯을 액세스 가능하도록 설정
    6. 퀴즈를 액세스 가능하도록 설정
    7. TOC 및 재생 막대 액세스 가능성
  21. 타임라인 사용자 정의
    1. Adobe Captivate의 타임라인 패널
  22. TOC 및 재생 막대 사용자 정의
    1. Adobe Captivate 목차
  23. 프로젝트 속성 편집
    1. Adobe Captivate의 변수
    2. 환경 설정
    3. 프로젝트 치수
    4. 테마
  24. 시뮬레이션 프로젝트 만들기
    1. 시뮬레이션
  25. 프로젝트 미리 보기
    1. 미리 보기
  26. 검토용으로 프로젝트 공유
    1. 검토용으로 공유
    2. 검토용 프로젝트 공유에 대한 FAQ 및 문제 해결 가이드   
  27. 프로젝트 게시
    1. 프로젝트 게시

Adobe Captivate를 사용하여 포괄적이고 접근성 높은 eLearning 프로젝트를 만드는 방법에 대해 알아보세요.

이 페이지의 주제는 다음과 같습니다.

개요

액세스 가능하고 사용자 친화적인 콘텐츠를 만들면 다양한 능력을 가진 학습자가 이를 사용하여 학습 요구 사항을 충족할 수 있습니다. 완전히 새로워진 Adobe Captivate를 사용하여 액세스 가능한 eLearning 강의를 만들 수 있습니다. 완전히 새로워진 Adobe Captivate를 사용한 포괄적인 eLearning 개발에 대해 자세히 알아보세요.

슬라이드에 액세스할 수 있게 하고 슬라이드의 이미지, SVG, 대화형 구성 요소, 위젯 및 퀴즈에 액세스 가능성을 추가할 수 있습니다.

접근성 적합성 보고서(ACR)

Adobe Captivate의 접근성 기능을 보여주는 이미지
슬라이드의 각 구성 요소에 대한 접근성을 위한 대체 텍스트 추가

Adobe Captivate의 접근성 지원

보조 기술 지원

접근성 기능이 필요한 사용자는 일반적으로 보조 기술이라고 하는 하드웨어 및 소프트웨어 솔루션을 사용하여 디지털 콘텐츠와 상호 작용합니다. Adobe Captivate은 콘텐츠 작성자가 포괄적인 eLearning 경험을 만들 수 있도록 다양한 보조 기술을 지원하도록 설계되었습니다. Captivate는 다음과 같은 기능과 연동됩니다.

  • 화면 판독기:는 NVDA, JAWS 및 VoiceOver를 지원합니다. 슬라이드를 액세스 가능하게 만들고 음성 에이전트 언어를 추가하는 방법에 대해 자세히 알아보세요.
  • 폐쇄 캡션 추가: 슬라이드 오디오에 폐쇄 캡션을 수동으로 추가하거나 SRT 또는 VTT 파일을 가져올 수 있습니다. Adobe Captivate에서 폐쇄 자막을 추가하는 방법에 대해 자세히 알아보세요.
  • 키보드 탐색: 키보드 단축키를 활용하여 목차의 읽기 순서를 사용하는 강의를 탐색합니다.
  • 게시된 출력에 대한 확대/축소 지원: 학습자는 화면 돋보기를 사용하여 최대 200%까지 확대하여 텍스트 가독성과 포커스를 향상시킬 수 있습니다.
  • 색상 지원: 작성자는 WCAG와 호환되는 대비 지침에 따라 색상을 선택하여 색맹 또는 저시력 사용자에게 충분한 시각적 대비와 접근성을 보장할 수 있습니다. 자세한 내용은 WCAG 색상 대비 지침을 참조하세요.

 

손상 유형별 접근성 기능

시력 장애

시각 장애가 있는 사용자는 다음을 수행할 수 있습니다.

  • 화면 판독기(예: JAWS, NVDA 또는 VoiceOver)를 사용하여 슬라이드 콘텐츠, 버튼 레이블, 이미지의 대체 텍스트, 퀴즈 질문 같은 인터페이스 요소에 액세스하고 이를 읽을 수 있습니다. (작성자가 의미 있는 대체 텍스트와 접근성 높은 레이블을 제공해야 합니다. 슬라이드의 개체에 대한 읽기 순서를 설정하는 방법)에 대해 자세히 알아보세요.
  • 화면 판독기가 콘텐츠를 논리적으로 표시하는 데 도움이 되는 정해진 읽기 순서를 사용하여 강의를 탐색합니다. (작성자는 슬라이드의 구성 요소에 대한 읽기 순서를 설정해야 합니다.)
  • 화면 돋보기 또는 브라우저 확대/축소 기능을 사용하여 강의 콘텐츠를 확대합니다. 
  • OS/브라우저 기반의 고대비 설정을 활성화하여 가시성이 향상된 콘텐츠를 볼 수 있습니다. (작성자는 대비가 낮은 색상 조합을 피하고 WCAG 색상 대비 지침을 따라야 합니다.)

청각 장애

청각 장애가 있는 사용자는 다음을 수행할 수 있습니다.

  • 오디오 및 동영상 콘텐츠(예: MP3 및 MP4 파일)에 대한 폐쇄 자막을 봅니다. (작성자는 작성 중에 캡션을 추가하거나 가져와야 합니다.)
  • 캐릭터 상태에 대한 애니메이션, 화면 텍스트 구성 요소 또는 내장된 수화 동영상 같은 시각적 대안을 통해 학습합니다. (작성자는 과정을 만드는 동안 이러한 시각적 보조 도구를 수동으로 추가해야 합니다.)

이동성 장애

운동 장애가 있는 사용자는 다음을 수행할 수 있습니다.

  • 타임라인, 메뉴, 대화형 요소 등 키보드 전용 컨트롤을 사용하여 강의를 탐색합니다. (작성자는 모든 대화형 요소가 키보드에서 접근 가능한지 확인해야 합니다.)
  • 재생 막대 및 목차, 접근 가능한 위젯, 화면 버튼 등의 기능과 상호 작용합니다. (작성자는 탐색 건너뛰기를 활성화해야 하며 필요한 경우 접근 가능한 위젯 유형을 선택해야 합니다.)
  • Tab 키를 사용하여 강의 콘텐츠를 진행하면 다음 동작으로 이동하고, Shift + Tab을 사용하면 이전 동작으로 이동합니다. (작성자가 슬라이드 구성 요소의 구조를 올바른 읽기 순서로 구성해야 합니다.)

탐색을 위한 키보드 단축키

학습자는 Tab, Shift+Tab, Enter, 화살표 키 같은 표준 키보드 단축키를 사용하여 탐색하고, 콘텐츠와 상호 작용하고, 강의 이용 중 재생을 제어할 수 있습니다.

재생 또는 선택

Enter/Space 키

포커스를 앞으로 이동

Tab 키

포커스를 뒤로 이동

Shift+Tab

세로 스크롤  위쪽 및 아래쪽 화살표 키
대화 모달 닫기 ESC

접근성을 위한 제목 태그

Adobe Captivate에서는 슬라이드 내용의 의미 구조 및 접근성을 향상하기 위해 다음과 같은 방법이 구현되었습니다.

  • 제목: 모든 슬라이드 제목은 <h1> 제목 태그로 표시되어 슬라이드의 기본 중요도와 최상위 계층 구조를 나타냅니다.

  • 자막: 부제목 또는 자막에 <h2> 제목 태그를 할당하여 명확한 구조를 만들고, 사용자 및 보조 기술의 탐색을 개선하는 데 도움이 되도록 했습니다.

  • 본문 내용: 기본 슬라이드 본문 내용은 제목 태그를 사용하지 않습니다. 이렇게 하면 제목과 자막에 대한 초점을 유지하여 콘텐츠 계층 구조의 명확성과 일관성을 보장할 수 있습니다.

  • 이미지 콘텐츠 블록: 이미지 블록 내의 자막은 일관된 서식과 가독성을 유지하기 위해 일반적인 본문 텍스트로 처리됩니다. 이미지와 연결된 캡션에는 <h1> 태그로 레이블이 지정됩니다.

  • 여러 콘텐츠 블록: 슬라이드가 여러 제목과 자막을 포함하거나 여러 콘텐츠 블록을 사용하는 경우 각 블록에는 고유한 <h1><h2> 태그가 할당됩니다. 이렇게 하면 모든 섹션이 적절한 의미 계층 구조를 유지하여 탐색 및 구조를 향상시킬 수 있습니다.

 

접근성을 위한 작성 팁

모든 학습자가 eLearning 콘텐츠에 액세스할 수 있도록 하려면 다음 지침을 따르세요.
  • 모든 이미지 및 대화형 개체에 설명적 대체 텍스트를 사용하여 화면 판독기 사용자를 지원합니다.
  • 명확한 제목과 논리적 읽기 순서로 콘텐츠를 구조화하여 탐색 기능, 특히 보조 기술을 개선할 수 있도록 합니다.
  • WCAG 대비 지침을 준수하는 고대비 색상 구성표를 선택하여 시각 장애가 있는 사용자를 보조합니다.
  • 모든 오디오 및 동영상 콘텐츠에 폐쇄 캡션을 제공하여 청각 장애가 있는 학습자를 지원합니다.
  • 사용자에게 재생을 일시 중지하거나 중지할 수 있는 컨트롤이 있는 경우가 아닌 한 미디어 자동 재생은 사용하지 않습니다.
  • 화면 판독기 및 접근성 검사로 강의를 테스트하여 게시 전에 잠재적인 문제를 파악하고 해결할 수 있도록 합니다.
  • 버튼, 퀴즈, 탐색 컨트롤을 비롯한 모든 대화형 요소가 키보드에서 접근 가능한지 확인합니다.

쉽고 빠르게 지원 받기

신규 사용자이신가요?