accessibility testing tutorial
접근성 테스트에 대한 완전한 가이드 :
웹 접근성이란?
웹은 모든 사람에게 열려 있고 테스터 (인간)이기 때문에 모든 사용자가 액세스 할 수 있는지 확인하는 것은 우리의 책임입니다. 이는 차례로 모든 사용자가 애플리케이션에 액세스 할 수 있도록 노력하면서 비즈니스 성공에 크게 기여할 것입니다.
이것은 또한 사용자의 만족도와 비즈니스도 증가시킬 것입니다.
이 시리즈의 자습서 목록 :
대부분의 사용자는 웹을 통한 인터넷 사용이 쉽습니다. 그러나 이것은 우리가 도전이있는 다른 인구 통계 학적 세트를 보는 경우에는 해당되지 않습니다. 웹 사이트는이 사용자 그룹에게도 액세스 가능하고 사용 가능하며 유용해야하며 언어 / 문화 / 위치 / 소프트웨어 / 신체적 또는 정신적 능력에 따라 사용자를 구별해서는 안됩니다.
학습 내용 :
- 접근성 테스트 란 무엇입니까?
- 접근성 및 법률
- 웹 사이트 접근성 테스트에 대한 오해
- 접근성 테스트의 과제
- 중요성
- 웹 접근성은 어떻게 측정됩니까?
- 따라야 할 범용 웹 디자인 원칙
- 접근성 테스트 수행 방법 – 단계별 가이드
- 접근성 테스트 체크리스트 / 테스트 사례 / 시나리오
- 결론
- 추천 도서
접근성 테스트 란 무엇입니까?
모든 사용자가 웹 사이트에 쉽게 액세스 할 수 있도록 웹 응용 프로그램을 테스트하는 것을 접근성 테스트라고합니다. 웹 사이트가이 영역에서 실제로 효과적인지 확인하는 데 도움이되는 전문화 된 전담 테스트 지점을“ 웹 접근성 테스트 ”.
가장 중요한 것은 따라야 할 접근성 테스트에 대한 특정 법률과 지침이 있다는 것입니다.
접근성 및 법률
- 장애가있는 미국인 행동 : 이 법은 공공 건물, 학교 및 조직과 같은 모든 도메인이 모든 사람이 기술에 접근 할 수 있도록해야한다고 명시합니다.
- 재활법, 섹션 504 및 섹션 508 : 섹션 504는 직장, 교육 및 기타 조직에 접근 할 수있는 모든 장애인을 수용하고, 섹션 508은 기술에 대한 접근을 수용합니다.
- 웹 콘텐츠 접근성 지침 : 이 지침은 웹 사이트의 접근성을 개선하는 데 도움이 될 수있는 방법을 제안합니다.
웹 사이트 접근성 테스트에 대한 오해
신화 1 :비싸요.
것 : 예방 조치가 치료보다 항상 낫기 때문에 디자인 단계에서 접근성 문제를 생각하고 비용을 절감 할 수 있습니다.
신화 2 : 액세스 할 수없는 웹 사이트를 액세스로 전환하는 것은 시간이 많이 걸립니다.
것 : 우리는 우선 순위를 정하고 기본적인 요구 사항 만 처리 할 수 있습니다.
신화 3 : 접근성은 단순하고 지루합니다.
것 : 접근성이 웹 사이트에 텍스트 만 포함되어야한다는 의미는 아닙니다. 이미지를 추가하여 더 매력적으로 만들 수도 있지만 주목할 점은 모든 사람이 액세스 할 수 있어야한다는 것입니다.
신화 4 :접근성 테스트는 시각 장애인 및 장애인을위한 것입니다.
것 : 소프트웨어는 모두에게 유용하므로이 테스트는 모든 사용자에게 적용됩니다.
A의 도전 접근성 테스트
다음은 일부입니다 접근성 지침에서 해결하려고하는 일반적인 문제 또는 어려움 :
| 장애 유형 | 장애 설명 |
|---|---|
| 전망 무능 | -완전한 실명 또는 색맹 또는 시력 저하 -시각 스트로브 및 깜박임 효과 문제와 같은 시각적 문제 |
| 신체 장애 | 키보드 나 마우스를 사용하기 어려움 |
| 인지 장애 | 학습 장애 또는 기억력 부족 |
| 문해력 장애 | 문제 읽기, 어려운 단어 찾기 |
| 청각 장애 | -청각 장애 및 청각 장애와 같은 청각 문제 -잘 듣거나 명확하게 듣지 못함 |
중요성
- 장애 또는 문제가있는 사용자에게 쉽고 효율적으로 액세스
- 시장 점유율 및 고객 도달 범위 증가
- 유지 관리 및 효율성 향상
- 기존 및 미래의 법적 요구 사항을 충족하고 윤리 준수를 돕습니다.
- 국제화 지원
- 낮은 대역폭 사용자의 액세스를 지원합니다.
궁극적으로 모든 것은 '더 나은 비즈니스 – 더 많은 돈'.
웹 접근성은 어떻게 측정됩니까?
웹 접근성은 웹 접근성 표준을 통해 측정 할 수 있습니다. W3C ~로 알려진 웹 콘텐츠 접근성 지침 (WCAG) . 다른 부서에서도 자체 지침을 개발했지만 이것도 따르고 있습니다. 웹 접근성 이니셔티브 (WAI) 지침.
웹 사이트의 접근성 평가 :
여기에는 다음과 같은 많은 요소가 있습니다.
- 함유량
- 크기
- 암호
- 마크 업 언어
- 개발 도구
- 환경
항상 그렇듯이 프로젝트 초기 단계에서 웹 접근성 기술을 구현하는 것이 좋습니다. 액세스 할 수없는 웹 사이트를 수정하려면 추가 노력이 필요합니다.
몇 가지 간단한 예제 기술은 다음과 같습니다.
- 페이지 제목 확인
- 대체 이미지 텍스트 ( '대체 텍스트')
- 제목
- 명암비 ( '색상 명암') .. 등
또한 ''의 도움으로 접근성을 결정할 수 있습니다. 평가 도구 ”-어느 정도. 대체 텍스트가 이미지에 대해 적절하게 작성되었는지 여부, 완전히 평가할 수 없지만 대부분의 경우 효과적입니다.
또한 읽기 => 30 개 이상의 가장 인기있는 웹 테스트 도구.
따라야 할 범용 웹 디자인 원칙
웹 사이트는 유용성 및 접근성 원칙을 따라야하는 방식으로 보편적으로 설계되어야합니다. 누구나 자신의 학습 및 처리 스타일이 있으므로 이에 관계없이 사이트 / 제품을 설계해야합니다.
다음은 웹 사이트 디자인의 몇 가지 기본 표준 원칙입니다.
# 1) 조정 :
프로젝트에 포함 된 모든 활동과 각 개인은 서로 협력해야합니다. 웹 사이트는 자신과 W3C 표준.
# 2) 집행 :
책임있는 조직이 되려면 액세스 가능한 사이트를 만드는 책임을 맡아야합니다. 사용자가 액세스 가능한 사이트에 대해 책임을지는 대신 그렇게해야합니다.
# 3) 리더십 :
모든 사람은 이러한 원칙을 알고 있어야하며 사이트에 액세스하는 동안 문제가 발생하면이를 알려야합니다.
# 4) 접근 고려 :
우리는 표준을 따라야하며, 특수 능력을 가진 사람들을 위해 조직이 따르는 표준을 고려할 수 있습니다.
# 5) 기술적 인 차원 :
웹 사이트는 모든 기술 표준을 고려하여 디자인해야합니다.
# 6) 교육 연구 :
우리는 웹 사이트에 접속하는 동안 직면 한 접근성과 문제에 대해 조사해야합니다. 이를 통해 직원이 표준과 문제를 인식 할 수 있도록 교육을 제공해야합니다.
# 7) 사회 통합 :
모든 인간은 온라인 모드뿐만 아니라 물리적 세계에서도 동등하게 대우 받아야합니다.
이 건물과 함께 POUR 웹 사이트가 필요합니다.
이제 POUR가 무엇을 의미하는지에 대한 질문이 발생하고 대답은 다음과 같습니다.
피 인식 가능 :웹 스위트의 프리젠 테이션은인지 할 수 있어야합니다. 콘텐츠는 모든 사용자의 모든 관점에서 의미가 있어야합니다.
또는 perable :사용자가 사이트를 쉽게 탐색 할 수 있으면 사이트를 운영 할 수 있다고 말할 수 있습니다.
Windows 10 용 최고의 PC 클리너 소프트웨어
유 이해하기 :웹 사이트에있는 모든 내용은 모든 유형의 사용자가 이해해야합니다. 요컨대, 언어는 복잡하지 않고 쉬워야합니다.
아르 자형 중지:변화하는 기술과 사용자 유형에 관계없이 콘텐츠는 강력해야합니다.
접근성 테스트 수행 방법 – 단계별 가이드
이는 수동 및 자동화 테스트 방법을 사용하여 수행 할 수 있습니다.
수동 방법
접근성 테스트를 위해 시장에서 사용할 수있는 많은 도구가 있지만 숙련 된 리소스, 예산 부족 등과 같은 몇 가지 문제가있을 수 있습니다. 이러한 경우 수동 테스트를 진행할 수 있습니다.
다음은 웹 사이트 접근성을 수동으로 테스트하는 몇 가지 방법입니다.
# 1) 고 대비 모드를 사용할 수 있습니다.
고 대비 모드를 사용하여 웹 사이트의 콘텐츠를 강조 할 수 있습니다. 고 대비 모드를 전환하면 웹 사이트의 콘텐츠가 흰색 또는 노란색으로 바뀌고 배경이 검은 색으로 바뀌면서 자동으로 강조 표시됩니다.
고 대비 모드를 켜려면 검색 상자에서 고 대비 모드를 검색하십시오.
여기에서 테마를 선택하고 드롭 다운에서 고 대비 테마를 선택하는 옵션이 표시됩니다.
설정을 변경하면 브라우저가 아래와 같이 표시됩니다.
그런 다음 콘텐츠가 제대로 표시되는지 여부를 확인할 수 있습니다.
# 2) 이미지에 접근하지 않음 :
일시적으로 액세스를 끄고 일부 사람들이 액세스 할 수 없거나 이미지를로드하는 데 너무 오래 걸릴 수 있으므로 텍스트가 콘텐츠를 정당화하는지 확인할 수 있습니다.
다음과 같은 방법으로 브라우저에 대한 액세스를 끌 수 있습니다.
인터넷 익스플로러: 도구-> 인터넷 옵션-> 고급-> 그림 표시 (선택 취소).
Firefox : Firefox를 열고 입력 약 : 구성 , 주소 표시 줄에 다음과 같은 출력이 표시됩니다.
이 화면이 표시되면‘ permission.default.image ' 0-1에서 값을 조정합니다.
# 3) 캡션 확인 :캡션을 사용할 수 있는지 확인하고 설명이 많이 포함되어 있는지 확인합니다. 페이스 북 페이지에서 이미지 나 동영상을 표시하는 데 시간이 오래 걸리지 만 캡션이 많은 도움이되는 링크를 자주 접하게됩니다.
# 4) CSS (Cascading Style Sheet)를 해제하여 : CSS 기본적으로 문서의 표현을 설명하는 데 사용됩니다. 이 기능을 끄면 배경색, 텍스트 스타일 및 텍스트 표시 스타일을 확인할 수 있습니다.
# 5) 키보드를 사용해보십시오 :당신이 게이머 또는 엑셀 전문가라면이 테스트가 더 쉬울 것입니다. 마우스를 만지지 말고 키보드를 사용하여 웹 사이트에 액세스하십시오.
'Tab'키를 사용하여 링크간에 전환 할 수 있습니다.
'Tab'+ 'Shift' 당신이 전에 있었던 곳으로 데려다 줄 것입니다.
# 6) 필드 라벨 사용 :양식을 작성할 때 유용합니다. 필드 레이블 템플릿을 보는 동안 보게 될 것입니다. 이를 사용하면 온라인으로 가입하거나 주문할 때 필요한 정보를 입력 할 수 있습니다.
# 7) 글꼴 크기를 크게 변경 :큰 글꼴 크기와 지속적인 접근성 검사를 사용합니다.
# 8) 탐색 건너 뛰기 : 이것은 운동 장애가있는 사람들에게 유용 할 수 있습니다. 클릭하여 Ctrl + Home 페이지 상단으로 초점을 이동할 수 있습니다.
# 9) PDF 문서 : PDF 파일을 텍스트 형식으로 저장하고 내용의 순서가 유지되는지 확인하십시오.
# 10) 스타일을 비활성화하여 : 스타일을 비활성화하고 테이블 내용이 제대로 정렬되었는지 확인하십시오.
# 11) 콘텐츠 스케일링 : 이미지를 축소하고 읽을 수 있는지 확인하십시오.
자동화 된 접근성 테스트
자동화가 테스트 분야에서 광범위하게 확산됨에 따라 접근성 검사를위한 자동화도 진행할 수 있습니다. 자동화 된 테스트를위한 여러 도구가 있습니다.
# 1) 디자이너 : IBM에서 개발했으며 시각 장애인의 관점에서 소프트웨어를 테스트하는 데 유용합니다.
# 2) WebAnywhere : 화면 판독기 역할을하며 특별한 설치가 필요하지 않습니다.
# 3) Vischeck : 이 도구는 이미지를 다양한 형태로 재현하여 다양한 유형의 사용자가 액세스했을 때 어떻게 보일지 상상할 수 있도록 도와줍니다.
# 4) 색 대비 분석기 : 색상 조합을 확인하고 가시성을 분석합니다.
# 5) 헤라 : 응용 프로그램의 스타일을 확인하고 다국어 옵션이 제공됩니다.
# 6) Firefox 접근성 확장 : Firefox를 사용하면 기능을 확장 할 수 있습니다.
열려면 추가 할 수 있습니다. Firefox-> 추가 기능-> 접근성 확장 . 보고서, 탐색, 링크 텍스트 등을 테스트하는 데 도움이됩니다.
클릭 후 신장 검색 옵션이 표시됩니다. 애드온 .
# 7) TAW 온라인 : 지침에 따라 소프트웨어가 개발되었는지 테스트 할 수있는 옵션을 제공합니다. WCAG 1.0 또는 WCAG 2.0 . 또한 분석 수준을 선택할 수있는 옵션도 있습니다.
# 8) PDF 접근성 검사기 : PDF 파일의 접근성을 확인합니다.
=> 전체 목록 이 접근성 테스트 도구 게시물을 확인하십시오.
접근성 테스트 체크리스트 / 테스트 케이스 / 시나리오
다음은 이러한 유형의 테스트를 수행하는 동안 확인해야하는 몇 가지 사항입니다.
- 레이블이 올바르게 작성되고 배치되었는지 여부.
- 오디오 / 비디오 콘텐츠가 제대로 들리거나 보이는지 여부.
- 색상 명암비가 유지되는지 여부.
- 비디오 제어 작업이 제대로 작동하는지 여부.
- 메뉴에 단축 키가 제공되면 모두 제대로 작동하는지 확인해야합니다.
- 탭 간 탐색이 쉬운 작업 인 경우 탭을 확인해야합니다.
- 신청서가 모든 원칙과 지침을 따랐는지 여부.
- 제목이 고유하고 의미 및 구조를 전달하는지 여부.
- 링크 텍스트가 모호성을 만드는 대신 내용 설명과 함께 작성되는 경우.
- 의미있는 멀티미디어 캡션이 제공되는지 여부.
- 지시 사항이 명확하게 주어 졌는지 여부.
- 내용이 명확하고 간결하며 이해할 수 있는지 여부.
다음은 웹 사이트가 접근성을 위해 충족해야하는 핵심 사항입니다.
- 링크 텍스트는 설명 적이어야합니다. . 키보드에서 탭 버튼을 클릭하고 링크간에 이동하여 시각적으로 비활성화 된 사용자 액세스 웹 페이지. 따라서 링크에 대한 설명이 올바르게 정의되어 있어야합니다. 탭 키를 사용하여 하이퍼 링크에 액세스 할 수 있는지 확인하십시오.
- 가능한 경우 적절한 사진 제공 . 그림은 말보다 더 크게 말합니다. 가능하면 텍스트에 적절한 그림을 추가하십시오. 사진은 문맹 퇴치 문제가있는 사용자를 위해 웹 사이트의 콘텐츠를 설명 할 수 있습니다.
- 간단한 언어 사용 . 인지 장애가있는 사용자는 학습에 어려움이 있으므로 문장을 간단하고 쉽게 읽을 수 있도록 만드는 것이 매우 중요합니다.
- 일관된 탐색 . 페이지 전체에서 일관된 탐색은인지 장애가있는 사용자에게도 매우 중요합니다. 웹 사이트의 일관성을 유지하고 정기적으로 페이지를 수정하지 않는 것이 좋습니다. 새 레이아웃으로 조정하는 것은 시간이 많이 걸리며 어려울 수 있습니다.
- 팝업 무시 . 스크린 리더를 사용하여 웹 페이지를 읽는 사용자, 팝업은 정말 불편할 수 있습니다. 스크린 리더는 페이지를 위에서 아래로 읽고 갑자기 팝업이 도착하면 리더가 실제 콘텐츠보다 먼저 읽기를 시작합니다. 시각 장애가있는 사용자를 혼동 할 수 있습니다.
- CSS 레이아웃 . CSS 기반 웹 사이트는 HTML 코드 기반 웹 사이트보다 더 쉽게 액세스 할 수 있습니다.
- 큰 문장을 작고 간단한 문장으로 나눕니다. 시각 장애가있는 사용자는 웹 페이지의 정보를 듣고 기억하려고합니다. 큰 문장을 작고 간단한 문장으로 나누면 쉽게 기억할 수 있습니다.
- 선택 윤곽 텍스트를 사용하지 마세요. 반짝이는 텍스트를 피하고 단순하게 유지하십시오.
간단히 말해, 애플리케이션이 W3C 가이드 라인, 웹 사이트 디자인 원칙 및 접근성 원칙에 따라 개발되었는지 확인해야하며이를 위해 이러한 원칙을 모두 알고 있어야합니다.
웹 사이트 / 애플리케이션의 서면 내용, 디자인 및 개발 방법을 검증하고 검증함으로써 위의 체크 포인트를 요약 할 수 있습니다.
또한 읽으십시오 => 웹 테스트 전체 가이드.
결론
접근성 테스트는 단순히 소프트웨어를 얼마나 쉽게 탐색하고 액세스하고 이해할 수 있는지 설명합니다. 모든 유형의 사용자를위한 것입니다. 테스터는 모든 사람의 관점에서 테스트를 수행해야합니다.
다른 유형의 테스트와 마찬가지로이 테스트는 자동화 도구를 사용하여 수동으로 수행 할 수도 있습니다. 테스터의 목표는 지침이 충족되었는지 여부와 사용자가 소프트웨어를 얼마나 쉽고 친숙하게 사용할 수 있는지 확인하는 것입니다.
가짜 이메일 계정을 만드는 방법
추천 읽기 = >> 최고의 접근성 테스트 서비스 제공 업체
이 튜토리얼 시리즈의 다음 부분에서는 웹 접근성 테스트 도구와 기술을 몇 가지 더 소개 할 것입니다.
항상 그렇듯이 질문, 제안 및 경험에 대해 의견을 말하십시오.