Masterclass Design에 대한 접근성 Matters

모든 학습자는 현대 교육의 기본 요구 사항입니다. 전세계 1 억 명이 넘는 사람들이 시각 및 청각 장애에서 인식 및 모터 제한에 이르기까지 장애의 일부 양식을 경험합니다. 콘텐츠가 액세스 할 때 이러한 학습자는 참여, 참여 및 성공에 중요한 장벽을 직면합니다. 마스터 클래스 디자인의 접근성은 장애 행위 또는 웹 콘텐츠 액세스성 가이드라인과 같은 표준과 함께 강력한 법적 준수를 넘어 이동하며, 사용자의 편의성에 대한 접근을 촉진하는 데 도움이 될 것입니다. 또한, 다양한 이해 관계자가 더 이상 다양한 정보를 제공하는 데 도움이되는 다양한 정보를 제공합니다.

"액세스성은 afterthought가 아닙니다. 모든 학습자를 위해 유용성을 강화하는 디자인 원칙입니다."

]

온라인 교육의 경쟁력 있는 풍경에서, 접근성이 잠재적인 학생들의 실질적인 부분을 외화하는 마스터 클래스. 또한, 포함 하는 기관은 종종 더 높은 등록 비율, 더 나은 학습 만족, 그리고 더 강한 브랜드 충성도. 접근성 또한 다양 한 의미를 옹호, 표현, 표현, 및 참여. UDL 마음으로 설계 각 학습자가 자신의 고유 능력과 선호도에 대 한 최고의 작동 경로 선택 할 수 있도록.

접근성 Masterclass 콘텐츠의 핵심 원칙

Web Content Accessibility Guidelines (WCAG)는 4개의 핵심 원칙을 중심으로 조직된 글로벌 허용 프레임 워크를 제공하며, 종종 약어 ]POUR에 의해 기억됨:

사용 가능한

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

운영 체제

모든 사용자를 위한 사용자 인터페이스 구성 요소 및 탐색은 기능해야합니다. 이에는 키보드의 전체 키보드 조작성 - 모든 버튼, 링크, 양식 필드 및 대화 형 요소가 키보드에서만 사용할 수 있으며 활성화해야합니다. 초점이 갇혀있는 키보드 트랩을 피하십시오. 학습자를 위해 충분한 시간을 제공하십시오. 콘텐츠와 상호 작용; 자동 학습 슬라이드 또는 일시적인 퀴즈를 확장하거나 일시적으로 늘릴 수 없습니다. Seizure 트리거와 같은 번쩍이는 조명이나 빠르게 움직이는 애니메이션을 제공하거나, 분명히 경고를 방지해야합니다.

제품 설명

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

뚱 베어

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

WCAG Level AA에 대한 추가는 대부분의 교육 콘텐츠에 대한 권장 기본 사항입니다. 장시간 제한 또는 서명 언어 해석과 같은 레벨 AAA 요구 사항은, 가능한 한 적절한 곳에 적용 될 수 있습니다.

접근 가능한 Masterclasses를 설계하는 실제 단계

1. Clear 및 Simple Language 사용

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

2. Engagement의 다수 의미를 제공하십시오

다양한 형식으로 콘텐츠를 제공하여 다른 학습 스타일과 접근성을 필요로합니다. 각 주요 주제에 대해 다음을 제공합니다.

  • 캡션과 다운로드 가능한 성적표와 비디오 강의
  • 같은 강의의 오디오 전용 버전 (예 : 팟 캐스트 형식)
  • 핵심 포인트를 다루는 텍스트 요약 또는 서면 기사
  • 다이어그램, 인포그래픽, 또는 마음지도와 같은 시각적인 요약, 모든 디지시 alt 텍스트

학습자는 선호도와 상황에 맞는 형식을 선택할 수 있습니다. 이 유연성은 모든 학생들과의 유연성을 통해 오디오를 듣고 부모에게 큰 인쇄 성적을 선호하는 낮은 시각으로 모든 것을 얻을 수 있습니다.

3. 키보드와 Assistive 기술 겸용성

키보드만 사용하여 마스터 클래스의 모든 상호 작용 요소를 테스트합니다. 양식, 코스 탐색, 퀴즈 및 진행 추적기를 통해 탭. 모든 기능은 도달 할 수 있으며 사용자가 명확하게 초점을 표시 할 수 있다는 것을 검증합니다. 가능한 한 많은 semantic HTML을 사용하십시오. 사용자 정의 자바 스크립트 구성 요소는 ARIA 승인 관행을 따르야합니다. 대안 키보드 접근 방식이 존재하지 않는 대신 드래그 앤 드롭 상호 작용에 의존하지 마십시오 (예 : 선택 ‐ 목록 버튼). 숨겨진 사용자가 숨겨진 문제에서 숨겨진 문제로 인식하지 못하는 데 도움이되는 문제.

4. 캡션, 랭크, 오디오 설명 추가

모든 비디오 콘텐츠는 정확하고 동기화 된 캡션을 포함해야합니다. Captions는 Deaf와 hard‐of-hearing Learners뿐만 아니라 감사 처리 장애, 비 부정적 인 스피커 및 사운드 과민한 환경에서 시청하는 사람들도 지원됩니다. 중요한 시각적 요소 (문자, 데모, 스크린 공유)의 설명을 포함하는 비디오의 전체 성적표를 제공하십시오. 시각적 인 정보는 중요하지 않은 비디오의 경우 오디오 설명을 추가하는 것이 좋습니다. Transcript는 Transcript를 빠르고 쉽게 검색 할 수 있습니다. Transcript는 Transcript를 빠르고 정확하게 검색 할 수 있습니다. Transcript는 Transcript를 빠르고 정확하게 검색 할 수 있습니다.

5. 높은 대조 색깔을 사용하고 읽기 쉬운 전기

정상적인 텍스트와 3 : 1의 최소 대비 비율을 충족하는 색상 조합을 선택 큰 텍스트 (18pt 또는 14pt 대담한). 웹AIM의 색상 대조 검수원]과 같은 대조 검수 도구를 사용하여 팔레트를 검증합니다. 흰색 또는 빨간색과 같은 낮은 대조 보류를 방지하십시오. 좋은 입법 (예 : 1)과 함께 산대 ‐ 세리 폰트를 선택하십시오. Arigana, 최소 크기가 20px 이상이어야하며, 최소 크기가 20px 이상이어야합니다.

6. 명확한 표제 및 명부를 가진 구조 내용

헤더를 사용 (, ], ]) 논리적인 계층에. 레벨을 건너지 마십시오 – 은 으로 직접 수행되어야한다. 짧은 한 번에 긴 단락을 깰. 특정 주문없이 항목에 대한 주문 목록을 사용, 단계별 지침을 주문. 이 구조는 화면을 돕는 것이 좋습니다. "더 많은 내용"을 검색하고, "더 많은 내용"을 검색하는 것이 좋습니다.

7. 접근가능성에 대한 디자인 양식 및 퀴즈

모든 양식 필드는 요소를 사용하여 프로그래밍 적으로 관련되는 명확하고 눈에 띄는 라벨이 있어야 합니다. 오류 메시지는 특정하고 오류의 필드 근처에 나타납니다. 날짜 선택기 또는 암호 요구와 같은 복잡한 입력에 대한 지침을 제공합니다. 할당량 질문에 대한 답변은 스크린 리더가 읽을 수 있음을 보장 - 이미지 또는 색상에 단독으로 질문을 전달합니다. 가능한 경우 (예 : 가능한 한 짧은 ‐ wer 질문과 여러 번의 대화 형 라벨을 사용하여 여러 번의 대화 형 평가 방법을 제공합니다.

8. 실제 사용자 및 Assistive Technologies를 사용하여 테스트

자동 테스트 도구와 같은 WAVE 또는 axe 브라우저 확장을 수행 할 수 있지만, 모든 장벽을 감지 할 수 없습니다. NVDA (Windows) 또는 VoiceOver (macOS/iOS)와 같은 스크린 리더와 함께 작동 설명서 테스트를 수행하십시오. 200% 브라우저 급상승으로 키보드 탐색을 테스트하고, 높은 수준의 제어 모드로 테스트합니다. 가장 효과적인 테스트는 테스트 결과를 기반으로하는 데 도움이 될 것입니다.

9. 가동 가능한 시간 및 상호 작용 선택권을 제공하십시오

모든 학습자는 동일한 속도로 정보를 처리 할 수 없습니다. 모듈 또는 퀴즈를 완료하기위한 엄격한 시간 제한을 피하십시오. 타이머를 사용해야하는 경우 학습자가 더 많은 시간을 요청하거나 타이머를 꺼야합니다. 드래그 앤 드롭, 제스처 기반 제어 (스위프, 핀치) 또는 마우스 의존 행동과 같은 상호 작용 요소는 키보드 접근 가능한 대안을 제공합니다. 학습자가 일시 중지, 다시 감기 및 리비저트 컨텐츠를 허용하십시오. 모든 시점에서 자동으로 작동을 중단하지 않도록주의하십시오. 세션을 잃지 않도록주의하십시오.

10. 책임감 있고 이동할 수 있는 ‐ 친구 디자인

많은 학습자는 스마트폰, 태블릿, 또는 보조 장치에 마스터 클래스에 액세스합니다. 모든 상호 작용 요소가 서로 다른 화면 크기에 적절하게 확장되도록 보장합니다. 버튼과 링크에 대한 최소 44x44 픽셀의 터치 대상을 제공합니다. 수평 스크롤을 피하십시오. 텍스트 및 간격을 사용하여 사용자가 레이아웃을 깨지 않고 텍스트 크기를 조정할 수 있습니다. 장치의 범위와 보조 설정에 마스터 클래스를 테스트하십시오.

Accessible Design를 지원하는 도구 및 리소스

무료 및 유료 도구는 마스터 클래스 콘텐츠의 접근성을 평가하고 개선하는 데 도움이 될 수 있습니다. 이러한 디자인 및 개발 워크플로우에 통합:

디자인 수명주기를 통해 이러한 리소스를 활용하십시오. 자동화 된 검사는 일찍 실행되어야하며 종종 수동 테스트는 출시 전에 주요 이정표에서 발생합니다.

Accessible Masterclass 콘텐츠의 이점

접근성에 투자하면 다양한 수익률을 갖게 됩니다. 양적 및 품질:

  • Wider Reach and increased Enrollment: 장애인, 노인, 장애인을 가진 수백만 명의 학습자에 대한 접근 가능한 마스터 클래스 호소, 임시 장애 (예 : 깨진 팔). 잠재 수익과 영향을 직접 확대.
  • 모든 사용자 경험 개선: Clarity, 일관성 있는 탐색, 사용 가능한 컨트롤은 모든 학습자를 얻을 수 있습니다. 접근성 개선은 종종 더 빠른 작업 완료, 낮은 오류율 및 더 높은 만족 점수를 보드 전체에 이끌 수 있습니다.
  • 법적 준수 및 위험 감소: 장애 행위와 미국과 같은 법, 유럽 접근성 법, 그리고 재활 법의 섹션 508은 동등한 접근을 요구합니다. 비활성 준수는 비용으로 소송, 불만 및 규제 처벌의 위험을 최소화합니다.
  • Enhanced Learning Outcomes: captions, transcript, 그리고 대안 형식은 다양한 인식 처리 스타일을 지원한다. 연구는 모든 학생들의 이해와 유지를 개선하는 것은 청력 손실과 같은. 잘 구조화 된 콘텐츠는 학습자가 구성하고 정보를 더 효과적으로 호출하는 데 도움이됩니다.
  • Positive Brand Reputation and Differentiation:] 조직의 가치 다양성이 있는 인클루시브에 대한 헌신적인 약속. 이 브랜드 충성도를 강화하고, 파트너십을 끌어 올리고, 긍정적인 단어 ‐의 ‐의 ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐
  • 더 나은 검색 엔진 성능: 텍스트 대안, 성적표, 그리고 잘 구축된 HTML은 검색 엔진에 의해 콘텐츠의 발견성을 향상. 많은 접근성 모범 사례 (문헌적 인 표, alt 텍스트, 깨끗한 표창) 또한 SEO를 향상, 유기 트래픽을 구동.
  • Cost Savings and Future‐Proofing: 시작 후 인접 제품을 개조하는 것은 시작에서 인접성보다 훨씬 비쌉니다. 접근 가능한 코드는 일반적으로 더 유지적이고 모듈식이며 신흥 기술과 호환됩니다.
  • Greater Learner Engagement and Retention: 학습자가 그들을 위해 최선을 다하는 방식으로 콘텐츠를 상호 작용할 때, 그들은 동기를 부여하고 과정을 완료하는 것이 더 큽니다. 감소된 좌절률은 낮은 낙하율과 강한 단어 ‐ ‐ 의 ‐ 의 을 읽습니다.

접근가능성은 한 번의 체크리스트 항목이 아닙니다. 기술, 가이드라인 및 사용자 요구와 진화하는 지속적인 실천입니다. 일반적으로 피드백과 새로운 장벽을 통합하기 위해 마스터 클래스 콘텐츠를 다시 시작합니다. 디자인 철학에 대한 접근성을 embedding함으로써 모든 학생이 엄숙할 수 있는 학습 환경을 만듭니다.