크레마클럽

추천의 글 베타리더 후기 시작하며 이 책에 대하여 CHAPTER 1 쉽게 이해하는 접근성 1.1 개념으로 이해하는 접근성 __1.1.1 접근성의 이해 __1.1.2 웹 접근성이란 1.2 장애 환경으로 이해하는 웹 접근성 __1.2.1 장애를 경험하는 사용자 이해하기 __1.2.2 모두가 경험할 수 있는 장애 환경 1.3 웹 접근성, 준수하면 어떤 이점이 있을까? __1.3.1 공적 측면 __1.3.2 비즈니스 측면 __1.3.3 개발 측면 CHAPTER 2 웹 접근성의 기초 2.1 스크린 리더란? __2.1.1 스크린 리더 사용자 대상 설문 __2.1.2 장애 유형 __2.1.3 주요 스크린 리더(데스크톱/노트북) __2.1.4 운영체제(데스크톱/노트북) __2.1.5 브라우저(데스크톱/노트북) __2.1.6 모바일 스크린 리더 사용량 __2.1.7 주요 스크린 리더(모바일) __2.1.8 브라우저(모바일) __2.1.9 스크린 리더를 통한 정보 탐색 __2.1.10 랜드마크 탐색 2.2 접근성 트리 2.3 브라우저 개발자 도구로 접근성 트리 확인하기 2.4 접근성 트리 자세히 살펴보기 __2.4.1 역할 __2.4.2 이름 __2.4.3 설명 CHAPTER 3 HTML 태그, 의미 있게 사용하기 3.1 태그를 의미 있게 사용해야 하는 이유 __3.1.1 의미 있는 태그를 사용했을 때의 장점 __3.1.2 제목 __3.1.3 레이아웃 __3.1.4 텍스트 __3.1.5 목록 __3.1.6 양식 __3.1.7 표 __3.1.8 대화형 요소 CHAPTER 4 웹 콘텐츠 접근성 지침 4.1 WCAG __4.1.1 원칙 __4.1.2 지침 __4.1.3 성공 기준 4.2 KWCAG __4.2.1 인식의 용이성 __4.2.2 운용의 용이성 __4.2.3 이해의 용이성 __4.2.4 견고성 CHAPTER 5 WAI-ARIA 5.1 역할 5.2 상태 및 속성 5.3 자주 사용되는 ARIA 역할 __5.3.1 alert __5.3.2 alertdialog __5.3.3 dialog __5.3.4 button __5.3.5 link __5.3.6 group __5.3.7 heading __5.3.8 img __5.3.9 combobox __5.3.10 listbox __5.3.11 option __5.3.12 menu __5.3.13 menubar __5.3.14 menuitem __5.3.15 menuitemcheckbox __5.3.16 menuitemradio __5.3.17 presentation __5.3.18 region __5.3.19 slider __5.3.20 spinbutton __5.3.21 switch __5.3.22 tab __5.3.23 tablist __5.3.24 tabpanel 5.4 자주 사용하는 ARIA 상태 및 속성 __5.4.1 aria-activedescendant __5.4.2 aria-atomic __5.4.3 aria-autocomplete __5.4.4 aria-checked __5.4.5 aria-controls __5.4.6 aria-current __5.4.7 aria-describedby __5.4.8 aria-disabled __5.4.9 aria-expanded __5.4.10 aria-haspopup __5.4.11 aria-hidden __5.4.12 aria-label __5.4.13 aria-labelledby __5.4.14 aria-level __5.4.15 aria-live __5.4.16 aria-modal __5.4.17 aria-multiselectable __5.4.18 aria-orientation __5.4.19 aria-pressed __5.4.20 aria-readonly __5.4.21 aria-required __5.4.22 aria-selected __5.4.23 aria-valuemax __5.4.24 aria-valuemin __5.4.25 aria-valuenow __5.4.26 aria-valuetext CHAPTER 6 웹 접근성을 준수한 React 컴포넌트 만들기 part 1 6.1 Accordion __6.1.1 Accordion이란? __6.1.2 구성 요소 __6.1.3 접근성 대응 6.2 Loader __6.2.1 Loader란? __6.2.2 접근성 대응 6.3 Notification __6.3.1 Notification 종류 6.4 Tab __6.4.1 Tab이란? __6.4.2 구성 요소 __6.4.3 접근성 대응 6.5 Toggle __6.5.1 Toggle이란? __6.5.2 접근성 대응 CHAPTER 7 웹 접근성을 준수한 React 컴포넌트 만들기 part 2 7.1 Carousel __7.1.1 Carousel이란? __7.1.2 구성 요소 __7.1.3 접근성 대응 7.2 Dialog(Modal) __7.2.1 Dialog란? __7.2.2 접근성 대응 7.3 MenuBar __7.3.1 MenuBar란? __7.3.2 구성 요소 __7.3.3 접근성 대응 7.4 SelectMenu __7.4.1 SelectMenu란? __7.4.2 구성 요소 __7.4.3 접근성 대응 7.5 Slider __7.5.1 Slider란? __7.5.2 구성 요소 __7.5.3 접근성 대응 7.6 SpinButton __7.6.1 SpinButton이란? __7.6.2 구성 요소 __7.6.3 접근성 대응 CHAPTER 8 놓치기 쉬운 사례들로 알아보는 접근성 8.1 놓치기 쉬운 접근성 사례 __8.1.1 눌리면 다 똑같은 거 아니야? __8.1.2 뭐가 틀린 거지? __8.1.3 목록인데 목록이 아니야? __8.1.4 안 보인다고 다 안 보이는 게 아니야! __8.1.5 내가 생각한 이모티콘은 이게 아닌데.. __8.1.6 내가 만든 페이지는 검색 화면에 어떻게 노출될까? 8.2 유용한 사이트 소개 __8.2.1 웹 표준 __8.2.2 접근성 지침 및 체크리스트 __8.2.3 접근성 가이드 마치며 찾아보기

펼쳐보기접어보기

상세 이미지

저자 소개 (2명)

저 : 김남경 (이비)

관심작가 알림신청

만드는 것을 좋아하고 공유를 즐기는 개발자. 상상하는 것을 눈에 보이게 만들어 다른 사람들과 나눌 수 있다는 점에 매력을 느껴 프런트엔드 개발자의 길을 걷기 시작했다. 디자인 에이전시부터 생활금융 플랫폼까지 다양한 환경에서 개발하면서 사용자 경험에 대해 고민해왔으며, 그 과정에서 얻은 배움을 더 많은 사람들과 공유하고자 한다. 만드는 것을 좋아하고 공유를 즐기는 개발자. 상상하는 것을 눈에 보이게 만들어 다른 사람들과 나눌 수 있다는 점에 매력을 느껴 프런트엔드 개발자의 길을 걷기 시작했다. 디자인 에이전시부터 생활금융 플랫폼까지 다양한 환경에서 개발하면서 사용자 경험에 대해 고민해왔으며, 그 과정에서 얻은 배움을 더 많은 사람들과 공유하고자 한다.

저 : 곽규현 (빌리)

관심작가 알림신청

다각도로 고민하며 성장하는 개발자. 프런트엔드 개발자로서 국내 주요 라이브 커머스 및 생활금융 플랫폼 서비스를 개발하며 다양한 관점에서 사용자 경험을 고민하게 되었다. 책을 통해 개발자는 물론, 다양한 직군의 사람들이 웹 접근성에 관심을 가짐으로써 모두에게 편리한 서비스가 제공되기를 바란다. 다각도로 고민하며 성장하는 개발자. 프런트엔드 개발자로서 국내 주요 라이브 커머스 및 생활금융 플랫폼 서비스를 개발하며 다양한 관점에서 사용자 경험을 고민하게 되었다. 책을 통해 개발자는 물론, 다양한 직군의 사람들이 웹 접근성에 관심을 가짐으로써 모두에게 편리한 서비스가 제공되기를 바란다.