Web Tutorials를 엔지니어링하는 접근성 비디오 콘텐츠 만들기

왜 공학 자습서에 접근성 매트

웹 튜토리얼은 현대 기술 교육의 코너스톤이며, 회로 설계 및 임베디드 시스템에서 구조 분석 및 데이터 모델링에 이르기까지 모든 것을 다루는 것입니다. Yet 복잡한 다이어그램, 신속한 달레이션 및 화면 텍스트는 장애를 가진 학습자를 위해 상당한 장벽을 만들 수 있습니다. ] 세계 보건기구에 따르면, 전 세계적으로 1 억 명이 장애의 일부 형태를 가지고 있습니다. 비디오 콘텐츠를 액세스 할 수있는 것은 윤리적 관할권뿐만 아니라 ]]에 따라 세계 보건기구, 전 세계 1 억 명이 넘는 사람들이 있습니다.

이 웹 사이트는 귀하가 웹 사이트를 탐색하는 동안 귀하의 경험을 향상시키기 위해 쿠키를 사용합니다. 이 쿠키들 중에서 필요에 따라 분류 된 쿠키는 웹 사이트의 기본적인 기능을 수행하는 데 필수적이므로 브라우저에 저장됩니다. 또한이 웹 사이트의 사용 방식을 분석하고 이해하는 데 도움이되는 제 3 자 쿠키를 사용합니다. 이 쿠키는 귀하의 동의하에 만 브라우저에 저장됩니다. 이러한 쿠키를 거부 할 수도 있습니다. 이러한 쿠키 중 일부를 선택 해제하면 검색 환경에 영향을 미칠 수 있습니다.

접근성 비디오 제작을 위한 Key Strategies

접근 가능한 엔지니어링 튜토리얼을 구축하면 생산의 모든 단계에서 의도적 디자인을 필요로 합니다. 아래는 입증된 전략이며, WCAG 2.1 레벨 AA 성공 기준에 따라 각각 정렬됩니다.

1. Clear 및 Descriptive Audio 사용

Narration는 대부분의 튜토리얼에서 정보 전달을위한 1 차 채널입니다. 꾸준한 속도를 사용하십시오 (분 당 150-160 단어) 및 간단한, 콘크리트 언어. 복잡한 단계를 통해 돌리기 피하십시오. 새로운 변수 또는 구성 요소를 도입 한 후 일시 중지하여 정보를 흡수 할 수 있습니다.

이 문서는 "FLT:2"라는 단어를 사용합니다. 이 문서는 "FLT:0"라고 합니다. 예를 들어, 블록 다이어그램을 보여주는 경우, "FLT:0"은 "왼쪽에, 전압 소스는 저항기 R1에 연결됩니다. R1의 위, 소스에 양극과의 연결 다이오드를 볼 수 있습니다.] 이 연습은 integrated audio description, 장님 또는 저의 비전을 가진 학습자에게 필수적입니다. 이 문서는 음성을 최소화하고, 음성을 최소화할 수 있는 음성을 최소화할 수 있습니다.

]가장 중요한 작업 항목:]는 명확하고, 자연 언어를 사용하며, 전화에 동료에게 할 것 같은 각 시각 요소를 설명합니다.

2. 정확한 캡션 및 Transcripts 추가

동기화된 캡션은 청각 접근성에 필수적입니다. WCAG 2.1 Success Criterion 1.2.2]은 모든 사전 녹음된 비디오 콘텐츠를 위한 캡션을 요구합니다. 자동 음성 인식에 단독으로 재적으로 재적으로 사용하므로 ]“Kirchhoff의 전압 법” 또는 ]]]][Fimpance]]].

두 가지 형식을 제공합니다:

닫힌 캡션](SRT, VTT, 또는 비디오 플레이어에 내장) – 뷰어가 켜져 있는 /오프를 할 수 있습니다.
Full transcript – 텍스트 파일 또는 페이지는 모두 설명하는 모든 내용이 포함되어 있습니다.]

Amara, YouTube의 캡션 편집기, 또는 같은 전문 서비스 3Play Media은 프로세스를 간소화할 수 있습니다. 엔지니어링 내용의 경우, 항상 기술 정확성에 대한 캡션을 검토하고, 특히 방정식이나 코드 스니펫이 aloud를 읽을 때. SubtitleEdit[FLT::5]][FLT:]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]][FLT:]]]]]]]]]]]]]]]]]]]]]]]]]]]]

3. 시각적인 접근가능성

화면 텍스트 및 그래픽은 낮은 시각, 색 맹점 또는 시력 장애로 시청자에게 perceivable해야합니다. 이러한 지침을 따르십시오.

높은 대조 비율: 일반 텍스트의 대비 비율을 사용 하 여 3:1 큰 텍스트에 대 한 (18pt 또는 14pt 대담). ]]웹애IM 대조 검수기] 색상 선택에 대 한 사용.
읽을 수 있는 글꼴: sans‐serif 글꼴 (Arial, Helvetica, Verdana)를 최소 24px의 제목과 화면에 몸 텍스트에 대한 18px 사용. 얇거나 빛, 장식 글꼴을 피하십시오.
Avoid 번쩍이는 내용:] 스트로빙 효과 또는 급속한 전환 없음. WCAG 2.1 성공 Criterion 2.3.1 주 내용이 광명적인 개인에 있는 seizures를 방아쇠를 수 있는 초 당 3배 더 섬광을 이어야 합니다.
Color‐safe design: 은 정보를 전달하기 위해 색상에 의존하지 마십시오 (예를들면, 적색/녹색을 올바른 추적). 패턴, 라벨 또는 모양을 추가하십시오. 예를 들어, 회로 시뮬레이션에서, 색상에 더 dashed 및 고체 라인을 사용합니다.

4. 오디오 구현 Description

시각적 데모에서 재적으로 크게 엔지니어링 자습서를 위해 별도의 오디오 설명 (AD)는 종종 필요합니다. AD는 대화에서 자연 일시 중지 동안 중요한 시각 세부 사항을 설명하는 추가 월별 트랙입니다. 이것은 CAD 모델의 레이아웃을 설명하는 데 포함, 프로토 타입의 단계 별 집합 또는 시뮬레이션 그래프의 움직임.

YouTube의 “audio description” 옵션에 의해 지원되는 별도의 광고 트랙을 만들 수 있습니다. 또는 주요 달레이션에 통합 된 설명. 대부분의 엔지니어링 비디오의 경우 통합 된 설명은 음성으로 설명하기 때문에 더 자연적입니다. 별도의 트랙을 선택하면 비디오 플레이어가 오디오 트랙을 쉽게 전환 할 수 있도록합니다.

Practical tip:] 시각적 요소에 대한 큐브를 포함하는 스크립트를 작성한 후, AD narration을 직접 기록하거나 음성 배우로 기록합니다. 설명이 명확하고 적시인지 확인하기 위해 블라인드 사용자를 테스트합니다.

5. 항법과 상호 작용을 낙관하십시오

Accessible video goes Beyond playback. 챕터 마크 (YouTube 장 또는 VTT 자막을 제공) 그래서 뷰어 특정 섹션으로 이동합니다. 내장된 비디오 플레이어의 경우, 모든 플레이어 컨트롤 (플레이, 일시 정지, 볼륨, 풀 스크린, 캡션 토글) 키보드 액세스 할 수 있습니다. 플레이어는 [Tab, Enter[FLT:][FLT:]][FLT:]][FLT:]][FLT:]][FLT:[FLT:]]][FLT:[FLT:]]]]][FLT:[FLT:[FLT:[FLT:]]]]]]]]]]]]]]]]][FLT:[FLT:[FLT:[FLT:[FLT:[FLT:[FLT:[FLT:[FLT:[FLT:[FLT:[FLT:[FLT:[FLT:[FLT:[FLT:[FLT:[FLT:

튜토리얼에는 대화 형 요소 (quizzes, 시뮬레이션, 코드 편집기)가 포함되어 있으며 접근 할 수 있습니다. ARIA 랜드 마크, 적절한 양식 라벨 및 초점 지표를 사용하십시오. 엔지니어링 자습서는 종종 단계별 실험실 작업을 포함합니다. 비디오에 따라 텍스트 기반 연습을 포함하여 자신의 속도로 앞서 또는 검토 할 필요가있는 학습자를 수용 할 수 있습니다.

Accessible Video Content를 만들기위한 도구 및 리소스

다양한 도구는 과도한 오버 헤드 없이 접근성 목표를 달성할 수 있습니다.

Captioning: Descript (인간 편집으로 구동), 아마라(클로딩), YouTube Studio (설명서 보정을 가진 무료 자동 캡션), 자막 편집(SRT 작성에 대한 오픈 소스).
Audio description: 별도의 설명 트랙을 생성하기 위해 멀티 트랙 오디오 편집기 (Audacity, Adobe Audition)를 사용합니다. YouTube는 오디오 언어로 AD 트랙을 업로드 지원합니다.
액세스 체크어:액세스 체크어]]비디오 플레이어 호환성에 대한. W3C는 Media Accessibility Resources의 목록을 제공합니다.
컬러 콘트라스트 분석기:] WebAIM Contrast Checker, 컬러 콘트라스트 분석기(CCA) Windows/macOS.
Scriptwriting: 시각적 설명, 달레이션, 캡션 타이밍에 대한 열을 포함하는 스크립트 템플릿을 사용합니다. 테이블 작업으로 Celtx 또는 Google Docs와 같은 도구가 잘 작동합니다.

접근가능성이 진행되는 프로세스입니다. 미래의 튜토리얼을 문서화하여 동일한 기준을 따르는 것을 잊지 마십시오.

접근성에 대한 귀하의 동영상 테스트

액세스성 전략은 테스트없이 완료되지 않습니다. 자동화 된 도구는 기본 오류를 잡을 수 있지만 수동 및 사용자 테스트는 엔지니어링 내용에 필수적입니다. 이러한 단계를 따르십시오.

자동 스캐닝: WAVE] 또는 Axe-Core Browser Extension on the video landing page to check font 대조, 헤드링 구조, 링크 라벨.
Caption 정확도 검토: 읽음에 자막을 가진 영상을 보십시오. 어떤 misheard 기술적인 기간, 타이밍 지연, 또는 무수한 소리 효력 (예를들면, “beep” 또는 “click”)를 표시하십시오.
오디오 설명 감사: 영상을 시각적 없이 듣는다. 아직 전체 튜토리얼을 따를 수 있습니까? 그렇지 않다면, 더 많은 설명을 추가하십시오.
Keyboard 탐색 테스트: 마우스를 플러그 앤 플레이하여 키보드만 사용하여 비디오 플레이어를 작동하려고 합니다. 모든 컨트롤을 활성화하고 조작할 수 있습니다.
User Testing:] 프로토타입 세그먼트를 볼 수 있는 다른 장애(시각, 청각, 모터)를 가진 몇명의 개인을 모집합니다. 간단한 작업을 완료하기 위해 요청하십시오(예: “Pol loop tuning의 섹션을 정의” 또는 “접속 단계”). 그들의 피드백은 불가합니다.

문서는 어떤 문제든지 당신이 찾아고 충격에 근거를 둔 고정물을 미리 설치합니다. 예를 들면, 누락된 캡션 타이밍 과실은 빠른 수정일 수 있고, 혼란한 시각적인 묘사는 단면도를 다시 기록할지도 모릅니다.