🎄 A11y Advent Calendar (번역) 14일차입니다. 전체 목록을 보고싶으시면 여기로 이동해주세요 :)
인터넷의 동영상이나 비디오 게임의 시네마틱 등 모든 콘텐츠에서 캡션은 필수적인 접근성 기능입니다. 여기서 말하는 캡션은 콘텐츠를 번역하는 것이 아니라 자막을 말하는 '선택 자막'이라는 점에 유의하세요.
캡션은 청각 장애인과 청각 장애인은 물론, 시끄러운 환경에서 헤드폰이 없는 경우처럼 오디오 처리가 불가능하거나 부담스러운 경우(자폐성 장애인의 경우)에도 사용할 수 있습니다. 또한 콘텐츠를 음성으로 듣는 것보다 글로 보는 것을 더 쉽게 이해할 수 있는 비원어민에게도 매우 편리합니다.
좋은 캡션을 작성하는 것은 사실 의외로 어렵고 소스마다 품질이 크게 다르다는 것이 밝혀졌습니다. 다음은 캡션을 최대한 유용하게 만들기 위한 팁 모음입니다:
- 캡션은 일반적으로 화면 해상도 16:9의 안전한 영역인 화면 하단에 위치해야 합니다. 임베디드 텍스트와 같은 관련 시각적 콘텐츠를 가릴 경우 일시적으로 자막이 이동될 수 있습니다.
- 캡션은 읽히기 위한 것이므로 크기가 중요합니다. 대부분의 거리에서 읽을 수 있을 정도로 충분히 커야 하지만 너무 자주 새로고침해야 할 정도로 커서는 안 됩니다.
- 다른 텍스트 콘텐츠와 마찬가지로 대비가 중요합니다. 어두운 단색 배경의 캡션에 이상적인 색상은 흰색, 노란색, 청록색입니다. 또한 색상을 사용하여 대화 내에서 다른 화자를 표시할 수 있으므로 이해를 도울 수 있습니다.
- 캡션의 길이는 40자 내외로 짧게 유지해야 하며, 화면 보정의 차이로 인해 가장자리가 잘릴 수 있으므로 텍스트가 측면에 달라붙지 않아야 합니다. 캡션은 일반적으로 2줄에서 3줄을 넘지 않아야 합니다.
- 캡션은 1~2초 동안 표시되어야 하며, 캡션이 변경되면 캡션이 표시되지 않는 짧은 시간(200~300밀리초)의 일시정지가 함께 제공되어야 독자가 텍스트가 변경되었음을 인지할 수 있습니다(길이 등).
- 언어별 타이포그래피 규칙을 준수해야 합니다. 단어는 표시되는 언어에 따라 가능한 경우 구분해야 하며, 문장은 문장 부호로 최대한 나누어야 합니다.
- 예정된 이벤트가 화면에 표시되기 전에 스포일러가 되지 않도록 특별한 주의를 기울일 수 있습니다. 캡션이 너무 노출되어 실제로 어떤 일이 일어날지 미리 아는 것만큼 좋은 것은 없습니다.
- 중요한 음향 효과 및 미묘함(예: 톤, 감정, 음량, 음악 등)은 명시적으로 언급해야 합니다. 사운드/대화가 화면 밖에서 나오는 경우에도 마찬가지입니다.
보시다시피, 접근성 높은 캡션을 만들기 위해 고려해야 할 사항이 많습니다. 어떤 콘텐츠는 다른 콘텐츠보다 캡션이 더 쉬울 수 있습니다(화자가 한 명이고, 편집 컷이 적고, 음향 효과나 음악이 없는 등). 캡션에 더 많은 주의를 기울일수록 콘텐츠에 대한 접근성이 높아집니다. 특정 페이지나 제품의 주요 콘텐츠가 동영상(영화, 시리즈, 스크린캐스트 등)을 통해 제공되는 경우 특히 중요합니다.
'웹 접근성' 카테고리의 다른 글
Day 16) 접근성을 고려한 애니메이션 (0) | 2024.12.16 |
---|---|
Day 15) 접근성을 위한 컨텐츠 경고 (2) | 2024.12.16 |
Day 13) 화면을 확대/축소할 때 접근성 고려하기 (0) | 2024.12.16 |
Day 12) 접근성을 위해 가독성 높이기 (0) | 2024.12.16 |
Day 11) 접근성을 고려한 이모티콘 (1) | 2024.12.16 |