CSS의 cue-after 속성은 화면 낭독 프로그램(스크린 리더) 등 음성 합성 장치가 요소의 내용을 읽어 준 뒤에 재생할 소리를 지정합니다. 이 속성을 활용하면 각 요소의 끝을 청각적으로 표시해 다른 요소와 내용을 명확하게 구분할 수 있으며, 시각 장애인을 위한 웹 접근성 향상에 특히 유용합니다.
사용 가능한 값
- url − 재생할 사운드 파일의 URL을 지정합니다.
- none − 어떤 소리도 재생하지 않습니다.
예제
<style>
<!--
a {cue-after: url("dong.wav");}
h1 {cue-after: url("pop.au"); }
-->
</style>위 예제에서는 링크(<a>) 요소의 내용이 음성으로 출력된 뒤 "dong.wav" 파일이 재생되고, <h1> 제목 뒤에는 "pop.au" 파일이 재생됩니다. 이처럼 cue-after 속성을 사용하면 문서의 구조를 소리로도 쉽게 파악할 수 있게 됩니다.