접근성

모두를 위한 타이포그래피 — WCAG 대비 비율, 난독증 친화 폰트, 스크린 리더 고려사항, 포용적 디자인을 다룹니다.

최소 폰트 크기와 터치 타깃: 모바일 타이포그래피 접근성

모바일 타이포그래피는 더 큰 크기, 넉넉한 줄 높이, 터치 친화적인 링크 간격이 필요합니다. 모바일 텍스트의 접근성 요구사항을 다룹니다.

스크린 리더는 시각적 타이포그래피를 무시하지만 시맨틱 마크업은 중요합니다. HTML 헤딩 구조, 언어 속성, 텍스트가 스크린 리더 사용자에게 미치는 영향을 다룹니다.

폰트 크기에 px를 사용하면 시각 장애가 있는 사용자의 브라우저 확대 기능이 깨집니다. rem이 왜 필수적이며 어떻게 올바르게 구현하는지 다룹니다.

다크 모드 타이포그래피는 다른 처리가 필요합니다 — 가독성을 유지하기 위해 더 가벼운 웨이트, 조정된 대비, 신중한 색상 선택이 필요합니다.

OpenDyslexic 같은 전용 난독증 폰트가 주목받지만, 연구에 따르면 친숙하고 간격이 잘 조절된 Sans-serif 폰트도 그만큼 효과적입니다.

WCAG AA는 일반 텍스트에 4.5:1, 큰 텍스트에 3:1의 대비를 요구합니다. AAA는 7:1을 요구합니다. 타이포그래피 대비를 테스트하고 개선하는 방법입니다.

타이포그래피 접근성은 대비 비율만의 문제가 아닙니다 — 폰트 선택, 크기, 간격, 사용자 설정 존중까지 포함됩니다.