본문 바로가기

리디 접속이 원활하지 않습니다.
강제 새로 고침(Ctrl + F5)이나 브라우저 캐시 삭제를 진행해주세요.
계속해서 문제가 발생한다면 리디 접속 테스트를 통해 원인을 파악하고 대응 방법을 안내드리겠습니다.
테스트 페이지로 이동하기

웹 접근성 왭(why-web)? 상세페이지

웹 접근성 왭(why-web)?작품 소개

<웹 접근성 왭(why-web)?> 내가 만든 웹페이지는 모두에게 같은 정보를 제공하고 있을까요? 미디어가 발달한 오늘날에는 웹페이지에서 카드나 이미지로 표현한 글을 쉽게 만날 수 있어요. 하지만 글을 이미지화한다면 그것은 시각 장애인에게 존재하지 않는 정보가 됩니다. ‘가고 싶은 웹사이트’가 아니라 ‘갈 수 있는 웹사이트’를 찾게 만들 거예요.

웹 접근성에 대해 들어봤지만 왜, 어떻게 지켜야 하는지 모른 채 지나간 적이 있나요? 이 책은 ‘누구나’ 이용할 수 있는 웹페이지를 고민하는 사람들이 모여서 만들었습니다. 여러 장애 환경에서 마주할 수 있는 실제 상황과 실무에서 쉽게 적용할 수 있는 예제를 담았습니다. 웹 접근성을 고려한 코드를 고민하는 주니어 프론트엔드 개발자에게 추천합니다.

웹의 힘은 모든 사람이 접근할 수 있다는 데에 있습니다. 그 어느 때보다 다양성에 대해 논하는 지금, 어떠한 가정 없이도 다양한 삶을 존중하고 공감하는 세상이 되길 바랍니다.


목차

들어가며

- 머리말과 저자목록
- Notion 링크, PDF 파일 및 QR 코드

Chapter 1. 웹 접근성의 이해

1. 웹 접근성
1.1. 웹 접근성이란?
1.2. 웹 접근성의 이해
1.3. 다양한 장애 환경
1.3.1. 시각적 측면의 장애 환경
1.3.2. 이동성 측면의 장애 환경
1.3.3. 청각 측면의 장애 환경
1.3.4. 인지적 측면의 장애 환경
1.4. 장애 환경에 대응하는 프론트엔드 웹 개발자의 역할
1.4.1.시각 장애 환경 대응
1.4.2.이동성 장애 환경 대응
1.4.3.청각 장애 환경 대응
1.4.4.인지 장애 환경 대응
1.4.5. 공통 준수 사항

Chapter 2. 웹 접근성 기본 4원칙

1. 인식의 용이성(Perceivable)
1.1 대체 텍스트 제공
1.1.1 [검사항목 1] 적절한 대체 텍스트 제공
1.2 멀티미디어 대체 수단
1.2.1 [검사항목 2] 자막 제공
1.3 명료성
1.3.1 [검사항목 3] 색에 무관한 콘텐츠 인식
1.3.2 [검사항목 4] 명확한 지시사항 제공
1.3.3 [검사항목 5] 텍스트 콘텐츠의 명도 대비
1.3.4 [검사항목 6] 자동 재생 금지
1.3.5 [검사항목 7] 콘텐츠 간의 구분

2. 운용의 용이성
2.1. 입력장치 접근성
2.1.1 [검사항목 8] 키보드 사용 보장
2.1.2 [검사항목 9] 초점 이동
2.1.3 [검사항목 10] 조작 가능
2.2. 충분한 시간 제공
2.2.1 [검사 항목 11] 응답시간 조절
2.2.2 [검사 항목 12] 정지 기능 제공
2.3. 광과민성 발작 예방
2.3.1 [검사 항목 13] 깜빡임과 번쩍임 사용 제한
2.4. 쉬운 네비게이션
2.4.1 [검사 항목 14] 반복 영역 건너뛰기
2.4.2 [검사 항목 15] 제목 제공
2.4.3 [검사 항목 16] 적절한 링크 텍스트

3. 이해의 용이성
3.1 가독성
3.1.1. [검사항목17] 기본 언어 표시
3.2.예측 가능성
3.2.1. [검사항목18] 사용자 요구에 따른 실행
3.2.1.1. 새 창
3.2.1.2. 사용자가 의도하지 않은 팝업 창 / 레이어 요소
3.2.1.3. 텍스트 입력란의 포커스 자동 변경과 기능 실행
3.2.1.4. 입력 서식 값 자동 전송
3.3. 콘텐츠의 논리성
3.3.1. [검사항목19] 콘텐츠의 선형 구조
3.3.2. [검사항목20] 표의 구성
3.4. 입력도움
3.4.1 [검사항목21] 레이블 제공
3.4.2 [검사항목22] 오류 정정

4. 견고성(Robust)
4.1. 문법준수
4.1.1. [검사항목 23] 마크업 오류 방지
4.2. 웹 애플리케이션 접근성
4.2.1. [검사항목 24] 웹 애플리케이션 접근성 준수

Chapter 3. 웹 접근성 진단도구

3. 웹 접근성 진단도구
3.1 스크린 리더
3.1.1 Narrator for Windows
3.1.2 VoiceOver for macOS
3.2 웹 브라우저 개발자 도구
3.2.1 접근성 트리(Accessibility Tree) 검사
3.2.2 대비 차(Contrast ratio) 검사
3.2.3 자동화 도구 Lighthouse를 이용한 검사
3.3 W3C Validation
3.3.1. W3C Validation 실행
3.3.2. 기타 W3C Validation 실행 방법
3.4 OpenWAX
3.4.1. OpenWAX 실행
3.4.2. 접근성 지표

Chapter 4. 향후의 웹 접근성


리뷰

구매자 별점

0.0

점수비율
  • 5
  • 4
  • 3
  • 2
  • 1

0명이 평가함

리뷰 작성 영역

이 책을 평가해주세요!

내가 남긴 별점 0.0

별로예요

그저 그래요

보통이에요

좋아요

최고예요

별점 취소

구매자 표시 기준은 무엇인가요?

'구매자' 표시는 리디에서 유료도서 결제 후 다운로드 하시거나 리디셀렉트 도서를 다운로드하신 경우에만 표시됩니다.

무료 도서 (프로모션 등으로 무료로 전환된 도서 포함)
'구매자'로 표시되지 않습니다.
시리즈 도서 내 무료 도서
'구매자’로 표시되지 않습니다. 하지만 같은 시리즈의 유료 도서를 결제한 뒤 리뷰를 수정하거나 재등록하면 '구매자'로 표시됩니다.
영구 삭제
도서를 영구 삭제해도 ‘구매자’ 표시는 남아있습니다.
결제 취소
‘구매자’ 표시가 자동으로 사라집니다.

이 책과 함께 구매한 책


이 책과 함께 둘러본 책



본문 끝 최상단으로 돌아가기

spinner
모바일 버전