사회적약자
해결완료
[웹접근성] 웹접근성 보급률을 높이기 위한 웹 사이트 제작 도구 - 장애인, 고령화 인구 및 모든 웹 사용자 대상
해결 완료
신태림
create-accessible-web은 create-react-app에서 영감을 받아 고안한 프로젝트입니다.
모던 웹 환경을 구성해주는 것은 물론, 접근성 준수에 많은 시간을 들이지 않아도 일정 수준의 (WCAG – level A 이상) 접근성을 보장할 수 있도록 자체 UI 컴포넌트와 디버깅 툴을 제공합니다.
웹 접근성 구현에 대한 허들을 낮추어 접근성을 준수한 웹의 보급률을 높이고자 합니다
모던 웹 환경을 구성해주는 것은 물론, 접근성 준수에 많은 시간을 들이지 않아도 일정 수준의 (WCAG – level A 이상) 접근성을 보장할 수 있도록 자체 UI 컴포넌트와 디버깅 툴을 제공합니다.
웹 접근성 구현에 대한 허들을 낮추어 접근성을 준수한 웹의 보급률을 높이고자 합니다
- 국제화
현재는 범용성을 위해 영어를 사용하고 있지만, 여러 국가의 언어를 사용할 수 있도록 국제화 개발을 진행할 예정입니다.
- 사용성 개선
UI, UX를 개선해 개발자들이 더욱 직관적으로 사용할 수 있도록 변경할 예정입니다.
- Accessible-design 패키지 추가
웹 접근성에 색상 대비, 명도 대비, 요소 사이 간격 등 디자인 관련 요소도 많은 영향을 끼칩니다. 웹 개발 진행 시 해당 요소를 일일히 고려하기 어렵기 때문에, 웹 접근성을 준수한 디자인 요소들을 제공하는 패키지를 추가할 예정입니다.
해당 패키지를 사용하는 경우 input, select, heading, ordered list 등 심미적으로도 아름답고 웹 접근성도 지켜진 상태의 웹을 제작할 수 있습니다.
- 접근성 요소 관련 정적 분석 툴 추가 (https://www.npmjs.com/package/eslint-plugin-jsx-a11y)
정적 분석 도구는 웹 브라우저 실행환경이 아닌 코드단에서 발생하는 에러를 감지하여 수정할 수 있게 개발자에게 알려주는 역할을 합니다. 정적 분석 도구 중 접근성과 관련된 규칙을 검사하는 eslint-plugin-jsx-a11y를 적용할 예정입니다. create-accessible-app을 통해 만들어진 웹앱을 개발하면서 실제 브라우저를 확인하지 않고도 어느정도 웹 접근성을 준수할 수 있도록 도울 예정입니다.
현재는 범용성을 위해 영어를 사용하고 있지만, 여러 국가의 언어를 사용할 수 있도록 국제화 개발을 진행할 예정입니다.
- 사용성 개선
UI, UX를 개선해 개발자들이 더욱 직관적으로 사용할 수 있도록 변경할 예정입니다.
- Accessible-design 패키지 추가
웹 접근성에 색상 대비, 명도 대비, 요소 사이 간격 등 디자인 관련 요소도 많은 영향을 끼칩니다. 웹 개발 진행 시 해당 요소를 일일히 고려하기 어렵기 때문에, 웹 접근성을 준수한 디자인 요소들을 제공하는 패키지를 추가할 예정입니다.
해당 패키지를 사용하는 경우 input, select, heading, ordered list 등 심미적으로도 아름답고 웹 접근성도 지켜진 상태의 웹을 제작할 수 있습니다.
- 접근성 요소 관련 정적 분석 툴 추가 (https://www.npmjs.com/package/eslint-plugin-jsx-a11y)
정적 분석 도구는 웹 브라우저 실행환경이 아닌 코드단에서 발생하는 에러를 감지하여 수정할 수 있게 개발자에게 알려주는 역할을 합니다. 정적 분석 도구 중 접근성과 관련된 규칙을 검사하는 eslint-plugin-jsx-a11y를 적용할 예정입니다. create-accessible-app을 통해 만들어진 웹앱을 개발하면서 실제 브라우저를 확인하지 않고도 어느정도 웹 접근성을 준수할 수 있도록 도울 예정입니다.
목록보기