본문 바로가기

a11y

(4)
가장 좋은 아이콘은 텍스트 라벨입니다 이 글은 Thomas Byttebier의 The best icon is a text label을 번역한 글입니다. 이전에 좋은 인터페이스의 가장 중요한 특징에 대해 글을 쓴 적이 있습니다. 이번에는 아이콘에 대해 이야기하겠습니다. 많은 유저 인터페이스의 중요한 부분이 있습니다. 대부분 명확성을 깨트린 다는 것입니다. 그림 문자는 인류 초기부터 사용되었습니다. 문자 언어의 첫 시작으로 여겨지기도 합니다. 비문해(non-literate) 문화권에서는 여전히 문자 의사소통의 주요한 수단으로 사용됩니다. 많은 공공 공간에서는 길 찾기수단으로 사용됩니다. 특히 다문화 환경인 공항같은 곳에서는 전통적인 문자 언어만으로는 충분하지 않을 수 있습니다. 아이콘은 유저 인터페이스 다지인에서 곧 유명해졌습니다. 데스크탑(t..
키보드와 스크린 리더의 네비게이션 차이 이 글은 Leonie Watson의 The difference between keyboard and screen reader navigation을 번역한 글입니다. * navigation은 네비게이션, navigate은 '콘텐츠를 탐색한다'는 의미로 표현했습니다. 사람들은 종종 스크린 리더 사용자를 더 큰 범주인 키보드 사용자에 포함시킵니다. 대부분의 스크린 리더 사용자가 마우스를 사용하지 않기에 맞는 말이지만, 이러한 생각은 스크린 리더 사용자가 콘텐츠를 탐색하는 방식에 대한 잘못된 인식을 심을 수 있습니다. 좀 더 설명하기 위해 사람을 다음 두 그룹으로 나눠보도록 하겠습니다. - 키보드 사용자 : 콘텐츠를 볼 수 있지만 마우스를 사용하지 않는 사용자 - 스크린 리더 사용자 : 콘텐츠를 볼 수 없고, ..
접근성을 고려한 HTML 작성하기 이 글은 Manuel Matuzovic의 Writing HTML with Accessibility in Mind를 번역한 글입니다. 웹 접근성에 대한 소개입니다. 당신의 마크업 능력을 향상시키고, 사용자가 당신의 사이트를 사용할때 좀 더 나은 방법으로 탐색할 수 있는 방법을 제공하기 위한 팁에 관한 것입니다. 서론을 읽기 원치 않으시는 분은, 바로 팁 부분으로 넘어가세요. 이 글은 Workafrolic이 번역한 러시아어, EmanuelG가 번역한 포르투칼어로도 볼 수 있습니다. 개인적 개발 경험과 관점의 변화 제가 첫번째 사이트를 만들때 가장 우선순위를 둔 것이 콘텐츠를 온라인으로 얻는 것이었습니다. 사용성, 접근성, 실행, UX나 브라우저 호환성에 대해 그닥 신경쓰지 않았습니다. 제가 왜그랬을까요? 레..
접근성을 고려한 css 작성하기 이 글은 Manuel Matuzovic의 Writing CSS with Accessibility in Mind를 번역한 글입니다. 웹 접근성에 대한 소개와 css로 접근성을 향상하는 방법에 대한 팁을 제공합니다. 글보다 영상을 선호하시는 분들은 CSS Conf Budapest에서 강연한 제 유튜브 영상을 참고하시면 됩니다. 일 년 전 웹 접근성에 집중하기 시작했습니다. 제게 가장 효과적인 학습방법은 남들에게 알려주는 것입니다. 이러한 이유로 제가 밋업이나 컨퍼런스에서 강연을 하게 되었고, 이번 주제로 글을 쓰게 되었습니다. 저는 Smashing Magazine에서 'Progressive Enhancement'에 관한 글을 , medium에서는 접근성에 대한 글을 썼습니다. 이번 글은 접근성 팁관련 3번째..