jeongah story 알고 싶은 코드가 있으시면,
게시글 아무대나 댓글주세요!

웹 접근성의 미래 웹 접근성의 올바른 발전 방향 웹 접근성은 잠시의 유행으로 끝나는 것이 아니라 전세계적인 흐름이자 반드시 필요한 영역 웹 접근성이 마크업 영영에 머무르지 않고, 신기술과 새로운 영역까지 발전 웹 접근성이 신기술을 규제하는 것이 아니라 연구를 통한 접근성 적용이 가능 새로운 기술의 방향 HTML5와 ARIA 등 새로운 기술은 웹 접근성을 향상하는 방향으로 발전 화면 낭독기 중심으로 적용하는 접근성 구현 방식이 프로그래밍을 통해 해결 접근성은 UX와 함께 연계하여 발전할 때 공감할 수 있는 방향으로 전환 모바일 접근성 국내의 모바일 애플리케이션 접근성 지침은 7개의 준수항목과 8개의 권고항목으로 구성 모바일 애플리케이션 접근성 지침의 업데이트가 필요하며, 한국형 웹 콘텐츠 접근성 지침 2...

견고성 마크업 오류 방지 태그를 열었다면 반드시 닫아주어서 오류를 방지함 태그를 중첩되도록 제공하지 않음 태그의 중복 : 속성의 중복으로 기능의 오류를 일으키지 않음 열고 닫음, 중첩 오류, 속성 중복에 대한 주요 오류 메시지 (end tag for, duplicate specification of attribute, already defined) 웹 애플리케이션 접근성 플레시, 실버라이트, 자바 애플릿 등 웹 애플리케이션에 대해서 자체 접근성이 필요 자체 접근성 : 한국형 웹 콘텐츠 접근성 지침 2.1의 1~23번 항목 준수 기술적 제약 등 웹 애플리케이션의 자체 접근성 준수가 어려운 경우 대체 콘텐츠 및 대체 수단 제공 image 출처:https://cdn.dribbble.com/users/10390..

이해의 용이성(2) 콘텐츠 선형구조 제목과 내용이 연속되어 있는 구조인 경우, 제목에 해당하는 내용임을 인식할 수 있도록 순서대로 구성 (구조 : 제목+내용) 반드시 제목과 내용순이 아니라, 직관적으로 내용을 이해할 수 있는 형태로 구성되어 콘텐츠를 선형화하였을 때 이해가 용이하도록 제공 표의구성 데이터 테이블과 레이아웃용 테이블 데이터 레이블 : 제목, 요약과 함께 제목 셀, 내용 셀을 구분 레이아웃용 테이블 : 표의 제목, 요약 및 제목 셀과 내용 셀을 구분하지 않아 데이터가 들어있는 표가 아님을 알 수 있도록 제공 표의 형식을 제거하고 내용을 선형화 시켜 내용을 이해하는데 문제가 있으면 데이터 테이블, 없으면 레이아웃용 테이블 레이블 제공 입력서식에는 반드시 레이블을 제공하여 입력창에 대한 설명을 ..

이해의 용이성(1) 기본언어 표시 기본 언어 표시는 주로 사용하는 언어해야 함 웹 페이지에서 주로 사용하는 언어를 속성을 사용하여 제공한 경우 준수한 것으로 인정 사용자 요구에 따른 실행 사용자가 의도하지 않은 기능(새창, 초점 변화 등)은 실행되지 않아야 함 사용자가 의도하지 않은 기능이 자동 실행되지 않도록 제공한 경우 준수한 것으로 인정 웹 접근성 관련용어 넓은 의미 : 기본적인 정의나 기대효과 웹 접근성의 지침 '장애인 접근성' 중심으로 Active-X사용 시각 장애인 등 다양한 장애유형별 사용자가 이를 키보드로 이용 가능함 대체 수단을 통하여 음성지원 등 다양한 방법으로 설치 및 이용할 수 있다면 웹 접근성을 준수한 것으로 인정 웹 표준, 웹 호환성, 오픈 웹 image 출처 : https://..

운용의 용이성(2) 깜빡임과 번쩍임 사용 제한 초당 3~50회 깜박임이 반복되는 콘텐츠를 제공하면 안됨 깜박임이 3초 이하인 경우 문제가 되지 않음 반복 영역 건너뛰기 특별한 경우가 없다면 요소 다음으로 제공해야 함 3개 이하의 반복영영은 건너뛰기 링크를 제공해야 함 제목제공 페이지 제목이 콘텐츠의 내용을 나타내야 함 콘텐츠 구분은 요소를 활용하여 제공해야 하며 ,,에 대한 목적을 title로제공해야 함 적절한 링크 텍스트 링크의 목적을 할수 있도록 적절한 링크 텍스트를 제공해야 하며, 링크 텍스트를 URL로만 제공하지 않음 Image 출처 : https://cdn.dribbble.com/users/103909/screenshots/4455365/lingco-p-02.png

운용의 용이성(1) 키보드 사용보장 모든 기능은 키보드만으로도 사용 할 수 있어야함 '키보드 사용 보장'의 필요성 : 마우스를 이용하여 어려운 사용자의 어려움 해소 '키보드 사용 보장'의 검사항목 해설 : 마우스를 이용 가능한 기능 키보드로도 이용할 수 있도록 구현 '키보드 사용 보장'의 제공 방법 : 모든 기능을 키보드로 접근, 사용 가능하도록 제공 초점 이동 키보드에 의한 초점이 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 함 초점 이동의 필요성 : 키보드로만 웹 사이트를 이용하는 사용자 어려움 해소 초점 이동의 검사항목 해설 : 초점을 받았을 때 시각적으로 구분, 사용자가 현재 키보드 위치를 이해할 수 있도록 함 초점 이동의 제공 방법 : 키보드 초점을 받은 링크, 컨트롤 및 입력 서식 초..

인식의 용이성 (2) 색에 무관한 콘텐츠 인식 그래프의 경우 색이 아닌 패턴 또는 인출선등을 이용하여 알려줌 필수입력 항목을 색으로만 표현하지 않고, 블릿이나 텍스트의 형태를 구분하여 제공함 명확한 지시사항 제공 '여기를 클릭하세요', '검정색을 클릭하세요' 등 모양, 색, 방향 등으로만 구분지면 안되며, 다양한 감각을 통해 용도나 목적을 이해할 수 있도록 해야함 텍스트 콘텐츠의 명도 대비 굵은 14px이상 굵은 18px미만의 텍스트 명도대비 : 3:1 보통형태의 18px미만의 텍스트 명도 대비 : 4.5:1 보통형태의 18px이상의 텍스트 명도대비 : 3:1 화면 확대가 가능하도록 구현한 콘텐츠의 명도대비 : 3:1 배경음 사용 금지 3초이내자동으로 재생되는 배경음은 예외 3초이상자동으로 재생되는 배경..

인식의 용이성 (1) 대체 텍스트 대체 텍스트는 이미지의 alt속성 값을 이용해서 제공함 이미지의 내용이 복잡하거나 길어질 경우에는 longdesc속성을 이용하여 별도의 파일로 제공 멀티미디어 대체수단 주로 음성을 포함하는 영상 또는 음성으로만 제공되는 콘텐츠이며 음성정보를 대신하여 시각적인 정보인 자막이나 대본 또는 수화 등의 대체해주는 것을 의미합니다. 동영상의 내용과 동일한 자막, 수화 또는 원고 등을 제공 실시간으로 제공하는 CCTV같은 영상은 제공하지 않음 image 출처 : https://cdn.dribbble.com/users/103909/screenshots/2921563/exbp-6.png