storybook-addon-a11y 썸네일형 리스트형 storybook에서 웹접근성 검사하기(feat. storybook-addon-a11y) 프로젝트: loplat UI 키워드: storybook-addon-a11y, accessibility 상황 loplat ui의 컴포넌트들이 웹접근성을 잘 고려하고 있는지 확인하고 싶었다. 팀원의 도움으로 storybook a11y 관련 addon을 알게되었다.(https://storybook.js.org/addons/@storybook/addon-a11y) 각 컴포넌트의 웹접근성을 파악하고 개선하고자 한다. 해결방법 먼저 addon을 설치하고 addon 관련 global config를 설정한다. yarn add -D @storybook/addon-a11y 이 때, color-contrast(명암비)는 디자이너의 판단 하에 rule을 무시하기로 한다. 또한 a11y 속성과 관련된 'aria-*'과 'rol.. 더보기 이전 1 다음
