목록RCTOWN 이야기/프로 기획자 이야기 (19)
알씨타운
안녕하세요, 알씨타운입니다!😁 저번 포스팅에 이어 2번째 지침, 운용의 용이성 중 쉬운 네비게이션 검사 항목에 대해 정리 해보겠습니다! [ 운용의 용이성 ] 2.1 입력장치 접근성 2.2 충분한 시간 제공 2.3 광과민성 발작 예방 2.4 쉬운 네비게이션 2.4 쉬운 네비게이션 1. 반복 영역 건너뛰기 웹 페이지마다 공통적으로 들어가 있는 영역은 페이지를 로드할 때마다, 반복되는 부분을 보여 줍니다. 주로 반복되는 영역의 예 중 하나가 header, 메뉴(navigation)부분 입니다. 비장애인은 웹페이지를 눈으로 스윽 볼 수 있기 때문에 메뉴가 반복되어 나타나도 큰 불편함이 없지만 스크린 리더 사용자나 키보드 tab키를 통해서만 웹을 이용할 수 있는 사람은 매번 페이지를 새로고침하거나, 다른 ..
안녕하세요! 알씨타운입니다!😄 웹 접근성 지침 두번째 운용의 용이성에 대해 이어서 공부하도록 해요! [ 운용의 용이성 ] 2.1 입력장치 접근성 2.2 충분한 시간 제공 2.3 광과민성 발작 예방 2.4 쉬운 네비게이션 2.2 충분한 시간 제공 1. 응답 시간 조절 시간 제한이 있는 콘텐츠는 응답 시간을 조절할 수 있도록 만들어야 사용자가 시간 제한 콘텐츠를 인식하기 수월합니다. 사실 웹을 제작할 때 시간 제한이 있는 콘텐츠(ex. 로딩페이지)는 되도록 피하는 것이 좋습니다. 하지만 은행사이트처럼 보안 문제로 시간제한이 필요한 경우에는 어떻게 응답 시간을 알려주는 지 알아보도록 합시다. 은행 사이트의 경우 보안 문제로 인해 시간 제한에 대한 안내가 필요합니다. 어떠한 안내사항을 제공하지 않고 ..
안녕하세요! 알씨타운입니다! 🤗 저번 포스팅에선 웹 접근성 지침 4가지 원칙 중 첫번째 인식의 용이성에 대해 알아 보았습니다. 생각보다 웹을 만들 때 준수해야 할 사항이 많았는데요. 하지만 아직 이것 맛보기에 불과 할 뿐! 오늘은 두번째 운용의 용이성 원칙에 대해 공부하도록 합시다! [ 운용의 용이성 ] 2.1 입력장치 접근성 2.2 충분한 시간 제공 2.3 광과민성 발작 예방 2.4 쉬운 네비게이션 우리는 평소에 웹 페이지를 이용할 때 마우스를 사용해 웹을 검색하고 제공하는 정보를 얻을 수 있습니다. 하지만 마우스 사용이 어려운 장애인들은 주로 키보드를 이용해 웹 페이지를 이용합니다. 그래서 반드시 키보드 사용만으로도 웹을 이용할 수 있도록 제작해야 합니다. 2.1 입력장치 접근성..
반갑습니다! 알씨타운입니다! 🤗 저번 포스팅에선 웹 접근성 지침 4가지 원칙 중 첫번째 인식의 용이성 : 대체 텍스트 제공에 대해 알아 보았습니다. 오늘 포스팅은 이어서 멀티 미디어 대체 수단과 명료성에 대해 정리해 볼게요! [ 인식의 용이성 ] 1.1 대체 텍스트 제공 1.2 멀티미디어 대체 수단 1.3 명료성 웹/모바일에서 동영상이나 오디오를 활용해 정보를 제공하는 경우도 있습니다. 비장애인들은 영상/음성 콘텐츠를 쉽게 보거나 들을 수 있지만 청각 장애인 또는 시각 장애인의 경우 정보를 인식하는데 한계가 있습니다. 그래서 멀티미디어 콘텐츠 사용시, 자막, 대본, 수화화면을 제공 해야합니다! 1.2 멀티 미디어 대체 수단 1. 멀티 미디어 콘텐츠에 자막/대본/수화를 제공 이때 수화 제공 시, 충분한..
안녕하세요! 알씨타운입니다! 🤗 저번 포스팅에선 웹 접근성 지침 4가지 원칙 중 첫번째 인식의 용이성에 대해 알아 보았습니다. 생각보다 웹을 만들 때 준수해야 할 사항이 많았는데요. 하지만 아직 이것 맛보기에 불과 할 뿐! 오늘은 두번째 운용의 용이성 원칙에 대해 공부하도록 합시다! [ 운용의 용이성 ] 2.1 입력장치 접근성 2.2 충분한 시간 제공 2.3 광과민성 발작 예방 2.4 쉬운 네비게이션 출처 입력 우리는 평소에 웹 페이지를 이용할 때 마우스를 사용해 웹을 검색하고 제공하는 정보를 얻을 수 있습니다. 하지만 마우스 사용이 어려운 장애인들은 주로 키보드를 이용해 웹 페이지를 이용합니다. 그래서 반드시 키보드 사용만으로도 웹을 이용할 수 있도록 제작해야 합니다. 2.1 입력..
반갑습니다! 알씨타운입니다! 🤗 저번 포스팅에선 웹 접근성 지침 4가지 원칙 중 첫번째 인식의 용이성 : 대체 텍스트 제공에 대해 알아 보았습니다. 오늘 포스팅은 이어서 멀티 미디어 대체 수단과 명료성에 대해 정리해 볼게요! [ 인식의 용이성 ] 1.1 대체 텍스트 제공 1.2 멀티미디어 대체 수단 1.3 명료성 웹/모바일에서 동영상이나 오디오를 활용해 정보를 제공하는 경우도 있습니다. 비장애인들은 영상/음성 콘텐츠를 쉽게 보거나 들을 수 있지만 청각 장애인 또는 시각 장애인의 경우 정보를 인식하는데 한계가 있습니다. 그래서 멀티미디어 콘텐츠 사용시, 자막, 대본, 수화화면을 제공 해야합니다! 1.2 멀티 미디어 대체 수단 1. 멀티 미디어 콘텐츠에 자막/대본/수화를 제공 이때 수화 제공 시, 충분한..
안녕하세요 알씨타운입니다!😃 그동안 웹 접근성이 무엇인지, 웹 접근성을 지켜야 하는 이유 등에 대해 알아보았아요. 이제 웹 접근성에 부합하지 않고 잘 준수해 웹 사이트를 제작하려면 어떻게 해야할 지 알아 보아요! 웹 접근성 지침은 2015년 3월 31일에 KWCAG2.0에서 KWCAG2.1로 개정 되었습니다. 원칙은 크게 4가지로 구분되어 있으며 각 원칙을 준수하기 위해 13개의 지침과 해당 지침을 잘 지키고 있는 지 확인하기 위해 24개의 검사 항목으로 구성 되어 있습니다. 웹 접근성 지침 준수 4가지 원칙은 1. 인식의 용이성 : 모든 콘텐츠는 사용자가 인식할 수 있어야 한다. 2. 운용의 용이성 : 사용자 인터페이스 구성 요소는 조작 가능하고 내비게이션 할 수 있어야 한다. 3. 이해의 용이성 : ..
안녕하세요 알씨타운입니다!😃 지난 포스팅에서 웹 접근성은 웹을 이용하는데 있어 장애에 구애 없이, 차별 없이 모든 사람이 접근할 수 있도록 하는 것이라고 말했습니다. 하지만 장애를 갖고 있는 사람마다 장애의 유형과 정도에 따라 모두 다릅니다. 그래서 오늘은 어떠한 장애 유형이 있으며, 각 장애 환경에 따라 어떻게 웹에서 정보를 인식하는지에 대해 알아봅시다! [ 장애 유형 ] 1 전맹 시각 장애 시각을 통해 화면을 보는 것이, 정보를 인식하는 것이 어려습니다. 그래서 이분들은 주로 청각이나 촉각을 활용해 웹을 이용합니다. 청각적으로는 화면의 텍스트를 음성으로 읽어주는 화면 낭독 프로그램(스크린 리더)을 이용해 웹을 파악할 수 있습니다. 촉각적으로는 점자 정보 단말기를 통해 점자를 손으로 읽으면서 웹 ..