본문 바로가기
반응형

전체 글1429

[웹접근성] 한국형 웹 콘텐츠 접근성 지침 2.1 / 1 ~ 5 1 적절한 대체 텍스트 제공 텍스트 아닌 콘텐츠는 그 의 미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다. 대체 텍스트를 제공하지 않은 경우 대체 텍스트를 제공하였으나 불충분하게 제공한 경우 대체 텍스트를 제공하였으나 부적절하게 제공한 경우 ex) 해당 이미지와 동등한 의미를 가진 대체 텍스트를 제공해야 한다. 2 자막 제공 멀티미디어 콘텐츠에는 자막, 대본 또는 수 화를 제공해야 한다. 3 색에 무관한 콘텐츠 인식 콘텐츠는 색에 관계없이 인식 될 수 있어야 한다. 색상만으로 내용을 분별하도록 제공된 콘텐츠가 있는 경우 필수 입력 항목을 색으로만 표시한 경우 ex) [ 그래프, 차트, 지도 등의 경우 ] 색상이 아닌 패턴, 외곽선 등 다른 방법으로 해당 정보를 이해할 수 있도록 제공하여야 한다.. 2020. 5. 15.
[웹접근성] 한국형 웹 콘텐츠 접근성 지침 2.1 / 6 ~ 16 6 자동 재생 금지 자동으로 소리가 재생되지 않아야 한 다. 7 콘텐츠 간의 구분 이웃한 콘텐츠는 구별될 수 있어야 한다. 8 키보드 사용 보장 모든 기능은 키보드만으로도 사용할 수 있어야 한다. 9 초점 이동 키보드에 의한 초점은 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 한다 초점 이동 순서가 논리적이지 않거나 일관성이 없는 경우 초점 또는 키보드의 위치를 나타내는 개체가 시각적으로 표시되지 않은 경우 숨겨진 콘텐츠 및 의미 없는 개체에 초점이 이동 되는 경우 의미 있는 콘텐츠에 초점이 적용되지 않은 경우 초점은 적용되었으나 시각적으로 표시되지 않은 경우 초점은 적용되었으나 부적절한 위치에 제공된 경우 초점의 순서가 논리적이지 않으면 일관성이 없는 경우 ex) (초점 이동 순서 부적절) 버.. 2020. 5. 14.
[웹접근성] 한국형 웹 콘텐츠 접근성 지침 2.1 / 17 ~ 24 17 기본 언어 표시 주로 사용하는 언어를 명시해야 한 다. 18 사용자 요구에 따른 실행 사용자가 의도하지 않은 기 능(새 창, 초점에 의한 맥락 변화 등)은 실행되지 않아야 한 다. 19 콘텐츠의 선형 구조 콘텐츠는 논리적인 순서로 제공 해야 한다. 20 표의 구성 표는 이해하기 쉽게 구성해야 한다. 요소, summary 속성을 제공하지 않거나 용도 또는 설명이 부적절한 경우 ex) [ 개선가이드 ] ① summary="테이블제목+의 상세정보를 제공한 표입니다." ② 테이블제목+표입니다. 이 표는+제목컬럼나열+의 내용을 확인할 수 있습니다. [ 개선예제 ] ① summary="이용가능 고객정보의 상세정보를 제공한 표입니다." ② 이용가능 고객정보표입니다. 이 표는 이용가능 대상, 이용불가 대상의 내용.. 2020. 5. 12.
[웹기획] | 고객의 실수를 유도하는 설계(예시) 5월 11일 부터 "긴급재난지원금" 신청이 시작 됩니다. 긴급재난지원급 조회(링크) 국민카드사 홈페이지를 보겠습니다. 카드사 톤 앤 매너를 따르며 심플한 화면으로 제작 되었는데요, 신청 완료 부분에 고객의 실수를 유발시킬 수 있는 기획이 보여 참고용으로 기록 합니다. 홈페이지에서 긴급재난지원금 신청을 완료까지 진행하면, "신청 완료" 안내 페이지가 나오지 않고 "정부 긴급재난지원금 신청" 이라는 화면이 나왔습니다. 어쩐지? 해당 페이지에서 "신청" 을 눌러야 할것같은 느낌과 싸~한 느낌이 드는 화면 입니다? 신청 후 나온 이화면은 "지원금 기부" 의사 표시 화면으로 기부의사가 없다면 화면 아래 "신청" 버튼을 누르면 안되는 화면 입니다. 만약 신청금액에 지원금 금액이 자동으로 입력되어 있었다면? 기획에서.. 2020. 5. 11.
반응형

티스토리툴바