Pikaramyyy

센스리더 설치와 활용 화면 낭독기 센스리더가 주요 마크업 요소를 음성으로 출력하는 방식이 왜 중요한가 : 센스리더로 웹을 어떻게 탐색하는지 사용자평가에서 어떤 결과로 나올 수 있을지 대략적으로 예상할 수 있기 때문에 기본적인 음성출력 방식을 이해하는 것이 중요하다. 이미지의 대체 텍스트 이미지에 대체텍스트를 제공했을 때 센스리더기가 음성을 출력하는 법 alt 값이 정리되어 있지 않은 경우 ==> X로만 표시, 파일명을 그대로 읽어줌 alt 값이 '홍길동'으로 제공된 경우 ==> X 홍길동 표시, '홍길동'이라고 읽어줌 alt 값이 '홍길동', 그리고 타이틀에 '남자'라는 정보가 제공되어 있는 경우 ==> X 홍길동 표시, 타이틀 정보 음성 출력하지 않고 alt값만 음성출력 alt 값에 공백처리를 한 경우..

사용자 평가 도구의 이해 화면 낭독기의 이해 및 사용법 화면 낭독기, 스크린리더와 같은 명칭의 프로그램은 윈도우 컨트롤, 응용프로그램, 웹에 제공된 정보를 시각장애인이 귀로 들을 수 있도록 음성으로 전환하는 것 스크린 리더는 웹페이지에 없는 정보를 스스로 판단하는게 아니고 웹 개발자에 의해 제공된 정보만을 음성정보로 제공함 센스 리더 센스 리더를 설치 -> UMI small 음성엔진 설치 가상커서 : ctrl + shift + F9 , 스크린리더에서 인터넷브라우저를 지원하기 위해 사용하는 개념으로 화면에 표시되지 않는 가상의 UI 화면 낭독기의 음성 설정 : 음성 출력 설정 창에서 속도, 높이, 크기를 적절히 조절

전문가 평가 도구의 이해 웹 접근성 평가 도구 소개 및 설치 방법 CCA 전경색과 배경색의 명도 대비 분석 도구 [웹 페이지, 캡쳐 이미지, 윈도우 객체] WAT ie에서 수동 검사를 지원 브라우저 개발자 도구 크롬, 파이어폭스, 오페라 웹 브라우저에서 지원 평가도구의 이해 평가도구는 HTML 코드를 분석하여 기계적으로 추출 가능한 항목만을 점검 웹 접근성에 관한 정밀한 평가를 위해서는 도구에 의한 자동평가와 사람에 의한 수동평가가 병행 되어야함 평가도구의 종류로는 K-WAH, OpenWAX CAA, WAT, 웹 브라우저 개발자 도구 등이 있음 K-WAH 점검 항목으로는 대체텍스트 제공 유무, 제목 제공 유무, 기본언어 명시, 사용자 따른 새창 열기, 레이블 제공 유무, 마크업 오류 방지 등이 있음

접근성의 미래 웹 접근성의 올바른 발전 방향 문제점의 해결 HTML5와 ARIA html4에서는 모든 콘텐츠 영역을 요소로 구분하고 id값을 별도로 주었지만 html5에서는 콘텐츠의 성격에 맞는 요소를 배치하여 사용할 수 있게 됨 가장 주목할 점은 웹사이트의 본문을 의미하는 요소가 생겨남. 웹 접근성에서 숨김 내용으로 일일이 메인페이지, 대메뉴와 같은 형태로 영역이 어디인지 화면 낭독기 관점으로 처리하는 방식보다는 랜드마크를 활용하여 해당 영역의 역할(Role)값을 설정해주는 방법이 더 좋다 Live region 동적으로 변경되는 콘텐츠에 대해서 콘텐츠의 중요도에 따라 업데이트 내용을 알려줄 수 있도록 속성을 제공 개발자가 웹 페잉지에서 동적인 콘텐츠가 제공되는 영역을 명시 구분 내용 aria-live=..

견고성 웹 접근성에서의 견고성 견고성 사전적의미: 굳고 단단한 성질 웹사이트를 만들 때 다양한 기술이나 환경에서도 문제 없이 잘 동작하고, 오류 없이 정보를 잘 전달할 수 있도록 만들자는 원칙 마크업 오류 방지 마크업 오류 방지의 이해 마크업 오류의 개념 웹 페이지의 XHTML과 같은 마크업 언어에서 정한 문법에 맞지 않게 구현한 경우 발생되는 것 마크업 오류 방지의 필요성 목적 마크업 오류 방지의 검사항목 해설 검사항목 23. (마크업 오류 방지) 마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 한다. 상기 항목을 오류없이 제공한 경우 준수한 것으로 인정 마크업 오류 방지의 제공 방법 오류 유형 분석 주의사항 분석 요소별 오류 메시지와 개선 방법 웹 애플리케이션 접근성 웹 애..

이해의 용이성(2) 검사항목 19. 콘텐츠의 선형구조 콘텐츠는 논리적인 순서로 제공해야 한다. 검사항목 20. 표의 구성 표는 이해하기 쉽게 구성해야 한다. 검사항목 21. 레이블 제공 입력 서식에 대응하는 레이블을 제공해야 한다. 검사항목 22. 오류 정정 입력 오류를 정정할 수 있는 방법을 제공해야 한다. 콘텐츠 선형구조의 이해 콘텐츠 선형 구조의 개념 콘텐츠 선형 구조의 검사항목 해설 콘텐츠 선형 구조 제공방법 제공방법 기준: 콘텐츠 순서가 논리적으로 선형화 되어 제공 시 인정 오류 유형 분석 주의사항 표의 구성의 이해 표의 구성의 개념 제목셀과 내용셀을 짝지어 읽게 하거나 표에 대한 설명 정보를 미리 확인할 수 있도록 함 표의 구성의 검사항목 해설 표의 구성 제공방법 기준 표를 이해할 수 있도록 ..

이해의 용이성(1) 기본 언어 표시 기본 언어 표시의 이해 기본 언어 표시의 필요성 다양한 언어를 공부하거나 이용하는 사용자에게 중요한 지표 기본 언어 표시의 검사항목 해설 검사항목 17.(기본 언어 표시) 주로 사용하는 언어를 명시해야 합니다. 중간에 언어가 바뀌는 경우 lang속성 통해 언어를 바꿔주면 더 이해하기 좋은 사이트가 됨 기본 언어 표시는 화면 낭독 프로그램과 같은 보조 기기에서 기본 언어에 맞는 TTS(Text To Speech)엔진을 가동 시키는 역할을 함 기본 언어표시제공 방법 웹 페이지에서 주로 사용하는 언어를 html에 lang속성을 사용하여 제공한 경우 준수한 것으로 인정 오류 유형 분석 주의사항 분석 사용자 요구에 따른 실행 사용자 요구에 따른 실행의 이해 사용자가 의도하지 않..