문서 단락 블로그 포스트 패턴에 의한 평가 내비게이션 영역 메뉴 버튼 인클루시브 프로토타입 제품 목록 필터 위젯 등록 폼 테스트 주도 마크업
참고 자료
오늘날 대부분의 사람들은 웹사이트 또는 애플리케이션 사용자다. 하지만 저마다 제각각인 상황과 조건에서 웹에 접근하기 때문에 특정 대상을 기준으로 만들어진 웹사이트는 결국 다른 많은 사용자를 소외시키게 된다. 접근성 있는 웹사이트라면 난독증 같은 읽기장애가 있거나 기술 지식이 부족한 사용자도 어려움 없이 사용할 수 있어야 하며, 네트워크가 느린 환경에서도 콘텐츠는 가능한 한 빨리 사용자에게 도달해야 한다. 그것이 사용자가 웹사이트를 방문하는 목적이다. 개발자나 디자이너는 웹사이트 사용자의 다양성을 인정하고 가능한 모든 유형의 사용자에게 접근성 있는 웹사이트를 만들 수 있어야 한다. 바로 지금이 인클루시브 디자인을 도입해야 할 때다. 인클루시브 디자인의 핵심은 특별한 집단을 대상으로 하지 않고 어떤 집단이든 함부로 배제하지 않는다. 인클루시브 디자인을 적용하면 다양한 사용자를 포용할 뿐 아니라 보다 넓은 시장을 확보할 수 있다.
사용자를 먼저 생각하는 웹디자인 그동안 웹디자인 책은 프레임워크나 전처리기 등을 사용해 개발 속도를 높이고, 개발자의 작업 흐름을 개선하고, 편하게 디자인하는 방법에 대해서만 이야기했다. 하지만 이 책에서는 온전히 웹사이트 사용자의 입장에서 어떻게 하면 그들이 더 쉽고 편하게 웹을 사용할 수 있는가를 고민한다. HTML, CSS, 자바스크립트, SVG 등 표준 웹 기술이 제공 가능한 것들에 대해 소개하지만 그것은 직접적으로 사용자 경험의 품질을 개선하는 경우에만 집중해 설명한다. 이를테면 정보 전달에서 중요한 역할을 하는 텍스트의 경우, 한 단락 안에서 한 줄의 길이, 정렬 스타일, 서체 등 사용자 입장에서 보기 좋은 것들을 요소별로 설명한다. 사용자가 웹사이트를 사용할 때 접하게 되는 요소들을 하나하나 짚어가며 어떤 것이 사용자가 사용하기 편안한지 사례와 함께 보여준다. 이 책에서 얻은 정보들을 설계 과정의 초기 단계부터 적용한다면 접근성 있는 인터페이스를 유지할 수 있게 될 것이다. 또한 번거롭고 불필요한 코드 없이 인클루시브한 웹사이트를 디자인하고 구축하는 방법을 정확히 알게 될 것이다.
왜 인클루시브 디자인인가 인클루시브 디자인을 적용하면 능숙하게 사이트를 다루는 사용자의 이해도 향상될 뿐아니라 초보 사용자도 소외되지 않는다. 읽는 데 어려움이 있는 사람들에게 적합한 서체를 선택한다면 모든 사람이 만족하는 결과에 도달할 수 있다. 인클루시브 디자인의 가장 큰 장점은 기존 방식들보다 결코 어렵거나 복잡하지 않다는 것이다. 이 책은 포용성이라는 렌즈를 통해 통상적인 웹 인터페이스 패턴들을 검토함으로써 더욱 폭넓은 사용자를 얻을 수 있는 방법을 제시하고 있다.
시행착오 없이 적용하는 인클루시브 디자인 접근성 전문가인 저자는 이론적인 개념이 아닌, 실무에 바로 적용할 수 있는 인클루시브 디자인의 여러 사례를 매우 구체적으로 알려준다. 시각장애인을 위한 서비스, 네트워크 환경이나 외부에서 접속하는 사용자 등 다양한 경우에 걸맞은 코드도 적용해볼 수 있다. 그 밖에도 WAI-ARIA 역할, 콘텐츠 접근성 지침, 랜드마크 역할, 키보드 접근성, 사용성을 위한 프로토타이핑 등 접근성에 관한 모든 것을 세세하게 설명하고 있다. 또 실무에 적용할 수 있는 수십 가지 실용적인 인터페이스 구성 요소와 인클루시브 디자인의 작업 방식도 담겨 있다. 이 책을 통해 여러분은 시행착오 없이 접근성 있는 웹사이트를 디자인하고 구축하는 방법을 자신하게 될 것이다.
총 
바보 빅터
