CSS voice-stress 속성이란?
CSS의 voice-stress 속성은 스크린 리더나 음성 합성(TTS) 기기로 웹 콘텐츠를 읽어줄 때, 특정 텍스트에 강조(stress)를 얼마나 줄지 지정하는 음성 미디어(Speech Media) 속성입니다. 이 속성을 활용하면 목소리의 높낮이나 크기 변화 등을 통해 단어나 문장에 다양한 수준의 강세를 부여할 수 있습니다.
voice-stress 속성 문법
기본적인 사용 문법은 다음과 같습니다.
voice-stress: normal | strong | moderate | none | reduced;
각 값의 의미는 아래와 같습니다.
- normal – 기본 강세 수준을 적용합니다.
- strong – 매우 강한 강조를 적용합니다.
- moderate – 중간 정도의 강조를 적용합니다.
- none – 강조 효과를 제거합니다.
- reduced – 기본보다 약한 강조를 적용합니다.
voice-stress 속성 사용 예제
다음은 voice-stress 속성을 실제로 적용하는 예제입니다.
p {
voice-stress: strong;
}위 코드에서는 p 요소에 strong 값을 설정하여, 해당 문단이 음성으로 출력될 때 강한 강조 효과가 나타나도록 지정했습니다.
정리
voice-stress 속성은 접근성을 고려한 음성 출력 환경에서 텍스트의 전달력을 높이는 데 유용합니다. 문서의 중요한 부분에 strong 또는 moderate 값을, 덜 중요한 부분에는 reduced 값을 활용하면 청각 사용자에게 더 자연스럽고 명확한 정보 전달이 가능합니다.