본문 바로가기

웹접근성

(3)
키보드와 스크린 리더의 네비게이션 차이 이 글은 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번째..