5P by xguru 3달전 | favorite | 댓글 1개

새 테크스택을 만들면서 초기부터 접근성에 대한 고려
- Linting & Flow : ARIA 강제
- 폰트 크기 조절 : rems 적용으로 가능하지만, 강제하기 쉽지 않아서 CSS pixel 값에서 자동변환 되도록
- Contextual headings : React Context로 헤딩이 복잡한 페이지에서도 항상 올바른 단계로 보이도록
- Contextual 단축키 : React Context로 단축키 등록을 하나의 API로 묶음
- 런티임에도 접근성 문제를 감지하고 알리는 기능을 백그라운드에서 실행
- Base 컴포넌트를 만들때 부터 접근성을 고려하도록 ARIA Practices Guide 를 적용
- 스크린 리더 및 Sighted 키보드 사용자를 위해서, 컴포넌트간에 옮겨다니면서도 Focus가 유지되도록 구현
- 스크린 리더용 피드백 Hook 제공

xguru 3달전  [-]

Facebook의 테크스택 재구축 이야기 https://news.hada.io/topic?id=2049