26. Web accessibility refers to the inclusive practice of making websites usable
by people of all abilities and disabilities. Wikipedia®
13년 10월 14일 월요일
32. 웹접근성 점검 어떻게 하세요?
WCAG
KWCAG
NWCAG
13년 10월 14일 월요일
}
Sampling
주요페이지
Scoring + Report
NWAX
K-WAH
전문가 평가
33. 웹접근성 점검 어떻게 하세요?
NAVER
1
2
서비스 운영의 점검 요청
3
접근성팀 리소스 확인
User Test 진행
ack
db
e
Fe
4
4-1
6
점검 진행
5
리포트 생성/공유
Automation
13년 10월 14일 월요일
점검 일자 협의
점검 내용 등록
39. 웹접근성 점검 어떻게 하세요?
NAVER
1
2
서비스 운영의 점검 요청
3
접근성팀 리소스 확인
User Test 진행
ack
db
e
Fe
4
4-1
6
점검 진행
5
리포트 생성/공유
Automation
13년 10월 14일 월요일
점검 일자 협의
점검 내용 등록
66. 분석
형태
Online (Node.js)
동작
접근성 담당자가 필요할 경우
개별 페이지를 검사
설정한 주기에 따라 자동 트래킹
대상
표본 페이지(sampling)
모든 페이지
산출물
13년 10월 14일 월요일
Add-on (FF, Chrom)
별도의 리포트 작업 필요
대시보드 및 리포트 자동 생성
68. 만들자!
문자열(text) 탐색
img src=http://img.naver.net/up.gif alt=up width=16 height=16 class=a
일반적인 검출 방법
alt=null 유무 인식
조금 더
이미지명과 alt 값 비교
오류문자 필터링 (의미 없는 문자)
이미지 유형에 따른 이미지명 DB 구축 (코딩 컨벤션 구축 시 효과 극대화)
조금만 더
src와 alt의 상관관계 (src가 같은데 alt가 다른 경우 또는 그 반대의 경우)
같은 값(src, alt, name)을 갖는 이미지 끼리 Sorting
13년 10월 14일 월요일
69. 만들자!
Javascript 탐색
a href=javascript:goLogin(‘’,false,’’); class=login_link4
‘새창열림’에 대한 알림
window.open()으로 인한 새창 열림시 target=”blank” 설정 필요
User-defined function’s body 값 추출
추출 된 function body에서 window.oepn 키워드 색인
자동갱신 컨텐츠나 포커스 이동 및 레이어 생성 등에 활용 가능
PhantomJS
HEADLESS WEBSITE TESTING
13년 10월 14일 월요일
78. 만들자!
1
빨간(색상, 방향)
2
글씨 or 숫자 or 텍스트
3
항목 or 내용 or 부분
4
필수 or 반드시 or 꼭
5
입력 or 표기 or 사항 or 내용
6
Form tag
2
1
and
51%
80%
99%
3
4
6
5
Error (Sensory Information)
13년 10월 14일 월요일
+
Probability
+
Types
79. 잘 만들자!
빨간(색상, 방향)
1
2
3
Form tag
Output = yes/maybe/no
3
4
5
Error (Sensory Information)
13년 10월 14일 월요일
입력 or 표기 or 사항 or 내용
6
and
필수 or 반드시 or 꼭
5
1
항목 or 내용 or 부분
4
+
2
글씨 or 숫자 or 텍스트
51%
80%
99%
∝
Probability
6
+
Types
80. 잘 만들자!
빨간(색상, 방향)
1
θ₀ x 2 글씨 or 숫자 or 텍스트
θ₁ x 3 항목 or 내용 or 부분
∑
θ₂ x 4 필수 or 반드시 or 꼭
θ₃ x 5 입력 or 표기 or 사항 or 내용
6
+
2
1
and
Output = yes/maybe/no
3
4
5
Error (Sensory Information)
13년 10월 14일 월요일
Form tag
51%
80%
99%
∝
Probability
6
+
Types