HAUEN

웹디자인 기능사/웹 접근성의 이해 - 심화

검사 항목19 : 레이블 제공 입력 서식에는 반드시 레이블을 제공하여 입력창에 대한 설명을 제공해야 합니다. 어떤 목적으로, 어떤 값을 입력해야 하는지 알기 위해서 입니다. 준수 기준 - 입력 서식에 대응하는 레이블을 제공한 경우 준수한 것으로 인정합니다. 검사항목19의 주의사항 각 입력서식에 요소나 title 속성을 이용하여 레이블을 제공하여야 합니다. 요소를 이용하여 레이블을 제공한 경우, label for="값"과 입력서식의id="값"이 적절히 짝지어졌는지 확인해야 합니다. 레이블을 제공해야 하는 대표적인 유형 레이블명코드 편집창 type=text 암호 편집창 type=password 다중 편집창 textarea 라디오 버튼 type=radio 체크박스 type=checkbox 콤보박스 select..

2019. 12. 13.

웹디자인 기능사/웹 접근성의 이해 - 심화

센스리더 음성 출력 방식 이해의 중요성 이미지의 대체 텍스트 alt값 정의 안됨 → 파일명 그대로 출력 alt값 홍길동 → 홍길동 출력 alt값 홍길동, title 남자 → 홍길동 출력, title은 출력 안됨 alt값 공백 → 이미지를 숨기는 효과 alt값 사업취지, longdesc로 파일 연결 → 사업취지 설명있음 이미지, alt + enter로 연결된 긴 설명글을 볼 수 있음 링크와 title, target 링크에서 title과 target 속성을 이용해 새 창 열림 제공시, 센스리더 음성 출력 새 창 알림에 target="_blank" 속성 사용한 경우 → 이벤트페이지로 새창 링크 title="새 창 열림" 속성 사용한 경우 → 이벤트페이지로 새 창 열림 링크 target="_blank"와 tit..

2019. 12. 13.

웹디자인 기능사/웹 접근성의 이해 - 심화

화면낭독기의 이해 화면낭독기, 스크린리더와 같은 명칭의 프로그램은 윈도우 컨트롤, 응용프로그램, 웹에 제공된 정보를 시각장애인이 귀로 들을 수 있도록 음성으로 전환한다. 스크린리더는 웹페이지에 없는 정보를 스스로 판단해서 음성으로 생산하는 것이 아니라 웹 개발자에 의해 제공된 정보만 음성 정보로 제공된다. 가상커서는 스크린리더에서 인터넷브라우저를 지원하기 위해 사용하는 개념으로 화면에 표시되지 않는 가상의 UI다. 스크린리더는 제품마다 최신기술 지원 여부와 동작방식에 일부 차이가 있으므로 2개 정도의 제품으로 중복 테스트를 하는 것을 권장한다. 참고: 가상 커서 인터넷 브라우저를 지원하는 개념으로 모든 스크린 리더에서 사용하고 있다. 키 조작 방식은 스크린리더 종류에 따라 다르게 설정하고 있다. X,Y축..

2019. 12. 13.

웹디자인 기능사/웹 접근성의 이해 - 심화

1. 전문가 평가 도구의 이해 평가도구의 이해 평가도구는 HTML 코드를 분석하여 기계적으로 추출가능한 항목만을 점검합니다. 웹 접근성에 관한 정밀한 평가를 위해서는 도구에 의한 자동평가와 사람에 의한 수동평가가 병행되어야 합니다. 평가도구는 마크업 분석을 통한 검사항목만 점검이 가능합니다. 예시 - 초점 이동의 경우에는 웹 브라우저에서 점검을 해야합니다. 명도 대비의 경우 정확한 수치를 점검해야 하기 때문에 도구를 사용해야만 확인이 가능합니다. 도구는 평가의 정확성과 시간 단축을 위한 보조적인 수단이기 때문에 평가 도구 점검 결과를 분석하여 웹 접근성 지침의 준수여부를 확인해야 합니다. 개발자 도구에서 제공하는 소스코드와 실소스를 반드시 비교해야 합니다. 개발자 도구에서 소스보기를 했을 때와 실소스가 ..

2019. 12. 13.