# 페이스북이 접근성 개선을 위해 한 작업

> Clean Markdown view of GeekNews topic #2595. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=2595](https://news.hada.io/topic?id=2595)
- GeekNews Markdown: [https://news.hada.io/topic/2595.md](https://news.hada.io/topic/2595.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-08-06T09:24:51+09:00
- Updated: 2020-08-06T09:24:51+09:00
- Original source: [engineering.fb.com](https://engineering.fb.com/web/facebook-com-accessibility/)
- Points: 5
- Comments: 1

## Topic Body

새 테크스택을 만들면서 초기부터 접근성에 대한 고려

- Linting & Flow : ARIA 강제

- 폰트 크기 조절 : rems 적용으로 가능하지만, 강제하기 쉽지 않아서 CSS pixel 값에서 자동변환 되도록

- Contextual headings : React Context로 헤딩이 복잡한 페이지에서도 항상 올바른 단계로 보이도록

- Contextual 단축키 : React Context로 단축키 등록을 하나의 API로 묶음

- 런티임에도 접근성 문제를 감지하고 알리는 기능을 백그라운드에서 실행

- Base 컴포넌트를 만들때 부터 접근성을 고려하도록 ARIA Practices Guide 를 적용

- 스크린 리더 및 Sighted 키보드 사용자를 위해서, 컴포넌트간에 옮겨다니면서도 Focus가 유지되도록 구현

- 스크린 리더용 피드백 Hook 제공

## Comments



### Comment 2510

- Author: xguru
- Created: 2020-08-06T09:24:59+09:00
- Points: 1

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