CSS speak 속성이란?
CSS의 speak 속성은 텍스트를 청각(음성) 방식으로 읽어줄지 여부와, 그 경우 어떤 방식으로 읽을지를 지정하는 속성입니다. 주로 스크린 리더나 음성 합성 장치가 웹 페이지의 요소를 어떻게 처리할지 결정할 때 사용됩니다.
speak 속성의 사용 가능한 값
- none – 청각 렌더링을 억제합니다. 해당 요소는 음성으로 읽히지 않으며, 렌더링에 시간이 전혀 소요되지 않습니다.
- normal – 해당 언어에 맞는 발음 규칙을 적용하여 요소와 그 자식 요소들을 자연스럽게 읽어 줍니다.
- spell-out – 텍스트를 한 글자씩 철자 그대로 낭독합니다. 약어나 코드 등을 읽을 때 유용합니다.
'volume: silent'와 'speak: none'의 차이점
'volume' 속성 값이 silent인 요소와 'speak' 속성 값이 none인 요소의 차이를 정확히 이해하는 것이 중요합니다.
volume: silent의 경우, 실제로는 소리가 생성되지 않지만 마치 읽힌 것처럼 동일한 시간이 소요되며, 해당 요소 앞뒤의 일시 정지(pause) 시간도 그대로 포함됩니다. 반면 speak: none의 경우에는 시간이 전혀 걸리지 않고, 요소 자체가 음성 렌더링에서 완전히 제외됩니다.