CSS voice-rate 속성이란?
CSS의 voice-rate 속성은 스크린 리더나 음성 합성(TTS) 기능에서 텍스트를 읽어주는 말하기 속도(분당 단어 수)를 지정하는 속성입니다. 이 속성은 Speech Media(음성 미디어) 타입과 함께 사용되며, 시각 장애인을 위한 웹 접근성 환경에서 화면 낭독 속도를 세밀하게 제어할 때 유용합니다.
voice-rate 속성에는 아래와 같은 예약 키워드 값을 사용할 수 있습니다.
voice-rate: [normal | x-slow | slow | medium | fast | x-fast]
속도 값별 의미
- x-slow – 매우 느린 속도
- slow – 느린 속도
- medium – 보통 속도 (기본값)
- fast – 빠른 속도
- x-fast – 매우 빠른 속도
즉, 음성 속도를 느리게 설정하고 싶다면 slow, 더 느리게 설정하고 싶다면 x-slow 값을 지정하면 됩니다.
음성 속도를 빠르게 설정하는 예제
문단(p) 요소의 낭독 속도를 매우 빠르게(x-fast) 지정하는 코드입니다.
p {
voice-rate: x-fast;
}백분율(%)로 음성 속도 지정하기
키워드 대신 백분율 값을 사용하면 기본 속도 대비 상대적인 속도를 더 정밀하게 조절할 수 있습니다. 예를 들어 40%로 설정하면 기본 속도보다 훨씬 느리게 읽어줍니다.
p {
voice-rate: 40%;
}100%는 기본(normal) 속도를 의미하며, 100%보다 큰 값은 더 빠른 속도, 작은 값은 더 느린 속도로 낭독됩니다.