Day 16) 접근성을 고려한 애니메이션
·
웹 접근성
🎄  A11y Advent Calendar (번역) 16일차입니다. 전체 목록을 보고싶으시면 여기로 이동해주세요 :) 애니메이션은 적절히 활용할 경우 사용자 경험을 크게 향상시킬 수 있는 강력한 도구입니다. 하지만, 과도하게 사용하거나 오용되면 문제가 될 수 있습니다. 대부분의 사용자에게는 큰 영향을 미치지 않지만, 특정 사용자에게는 움직이는 콘텐츠가 좌절감(frustration), 멀미, 심지어는 발작과 같은 심각한 반응을 유발할 수 있습니다. 따라서 애니메이션은 책임감 있게 사용해야 합니다. 이를 위한 간단하고 효과적인 방법 중 하나는 prefers-reduced-motion 미디어 쿼리를 사용하는 것입니다. 이 쿼리는 사용자가 기기 설정에서 모션 감소를 선호한다고 표시한 경우 애니메이션을 줄이거나..
Day 15) 접근성을 위한 컨텐츠 경고
·
웹 접근성
🎄  A11y Advent Calendar (번역) 15일차입니다. 전체 목록을 보고싶으시면 여기로 이동해주세요 :) 콘텐츠 경고는 민감한 내용을 포함할 가능성이 있는 콘텐츠 앞에 표시되는 알림으로, 사용자가 콘텐츠를 보기 전에 마음의 준비를 하거나 필요하다면 감상을 중단할 수 있도록 돕는 역할을 합니다. 특히, 트리거 경고는 외상 후 스트레스 장애(PTSD)나 불안 장애가 있는 사람들에게 심각한 생리적·심리적 증상을 유발할 수 있는 콘텐츠에 대해 사용자에게 경고하는 구체적인 형태의 콘텐츠 경고입니다. 콘텐츠 경고의 핵심은 사람마다 민감하게 여기는 주제가 다르다는 점을 인정하는 데 있습니다. 내가 민감하게 느끼지 않는 주제라도 다른 사람에게는 접근하기 매우 어려운 주제가 될 수 있습니다. 트리거 경고는..
Day 14) 접근성을 고려한 캡션 달기
·
웹 접근성
🎄  A11y Advent Calendar (번역) 14일차입니다. 전체 목록을 보고싶으시면 여기로 이동해주세요 :) 인터넷의 동영상이나 비디오 게임의 시네마틱 등 모든 콘텐츠에서 캡션은 필수적인 접근성 기능입니다. 여기서 말하는 캡션은 콘텐츠를 번역하는 것이 아니라 자막을 말하는 '선택 자막'이라는 점에 유의하세요. 캡션은 청각 장애인과 청각 장애인은 물론, 시끄러운 환경에서 헤드폰이 없는 경우처럼 오디오 처리가 불가능하거나 부담스러운 경우(자폐성 장애인의 경우)에도 사용할 수 있습니다. 또한 콘텐츠를 음성으로 듣는 것보다 글로 보는 것을 더 쉽게 이해할 수 있는 비원어민에게도 매우 편리합니다. 좋은 캡션을 작성하는 것은 사실 의외로 어렵고 소스마다 품질이 크게 다르다는 것이 밝혀졌습니다. 다음은 캡..
Day 13) 화면을 확대/축소할 때 접근성 고려하기
·
웹 접근성
🎄  A11y Advent Calendar (번역) 13일차입니다. 전체 목록을 보고싶으시면 여기로 이동해주세요 :) 반응형 디자인이 등장하고 모두가 모바일 기기용 사이트를 구축하기 시작하면서, 한때 사이트를 앱처럼 느껴지도록 만들기 위해 확대/축소를 방지하는 것이 유행처럼 번졌습니다. 그러나 이는 웹 접근성 관점에서 큰 문제를 일으킵니다. 웹에서 확대/축소를 비활성화하는 것은 마치 “나는 계단을 선호하니 엘리베이터를 없애겠다”라고 주장하는 것과 같습니다. 이는 이기적이고 잘못된 행동입니다. 시력 결핍은 가장 흔한 장애 중 하나로, 많은 사람들이 제대로 보기 위해 안경이나 렌즈를 사용하는 등 시력 교정이 필요합니다. 이 중 일부는 웹 콘텐츠를 보기 위해 확대 기능을 적극적으로 활용합니다. 이 기능은 단..
Day 12) 접근성을 위해 가독성 높이기
·
웹 접근성
🎄  A11y Advent Calendar (번역) 12일차입니다. 전체 목록을 보고싶으시면 여기로 이동해주세요 :) 웹과 같은 텍스트 중심 매체에서 가독성은 반드시 고려해야 할 사항입니다. 컨텐츠를 가독성 있게 만드는 데 특별한 주의를 기울이면 모든 사람이 더 편안하게 사용할 수 있을 뿐만 아니라 색맹이나 난독증과 같은 다양한 장애를 가진 사람들에게도 도움이 됩니다.이 글을 위해 조사하는 동안 legibility와 readability의 차이에 대해 알게 되었습니다. legibility는 폰트의 높이, 너비, 두께와 같은 특성을 기반으로 한 폰트 디자인의 산물입니다. 반면 readability은 글꼴 크기, 글자 간격, 줄 높이 및 색상과 같은 폰트 사용 방식과 관련이 있습니다.legability글자..
Day 11) 접근성을 고려한 이모티콘
·
웹 접근성
🎄  A11y Advent Calendar (번역) 11일차입니다. 전체 목록을 보고싶으시면 여기로 이동해주세요 :) 요즘 이모티콘은 어디에나 존재합니다. 단순히 귀엽고 재미있을 뿐 아니라, 글의 어조를 암시하는 중요한 커뮤니케이션 도구로 자리 잡았습니다. 하지만 이모티콘이 보편화되었음에도 불구하고, 접근성 측면에서는 여전히 한계가 존재합니다. Léonie Watson이 접근성 있는 이모티콘에 대해 쓴 글에 따르면, 이모티콘은 스크린 리더를 사용하는 사용자들에게 제대로 전달되지 않는 경우가 많습니다. 이모티콘이 스크린 리더의 접근성 트리에서 이미지로 인식되지 않거나, 적절한 이름이 할당되지 않아 사용자가 그 의미를 알 수 없는 상황이 종종 발생합니다. 이는 반드시 개선해야 할 문제입니다. 접근성을 높이..