접근성을 위한 음성 위젯 코드: 모든 방문자에게 듣기 옵션 제공하기

모든 방문자가 같은 방식으로 페이지를 읽지는 않습니다. 저시력이나 읽기 장애가 있는 사람, 눈이 피곤한 사람, 그리고 단순히 다른 일을 함께 하는 사람은 듣는 쪽을 선호하는 경우가 많습니다. 텍스트 음성 변환 위젯은 기존 콘텐츠 옆에서 필요할 때 그 선택지를 제공합니다.

음성 위젯은 추가 옵션일 뿐, 접근성을 갖춘 HTML을 대신하지는 않습니다. 올바른 제목 구조, 대체 텍스트, 명암 대비, 키보드 탐색은 여전히 중요하며, 스크린 리더 사용자는 이에 의존합니다. 위젯은 그 위에 편리한 오디오 경로를 하나 더할 뿐입니다.

위젯 추가하기

위젯에서 음성 위젯을 만들고 코드를 복사하세요.

<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>

긴 글이나 도움말 페이지의 상단 근처에 "이 글 듣기" 같은 짧은 라벨과 함께 두면 좋습니다. 방문자가 문단을 붙여 넣거나 입력하면 소리 내어 읽어 주며, 오디오를 보관하고 싶을 때를 위해 다운로드 링크도 제공됩니다.

도움이 되는 설정

• 명확한 라벨: 무슨 일이 일어나는지 정확히 알려 주는 제목과 버튼 문구를 쓰세요. 예: "소리 내어 읽기".
• 도움이 되는 안내 문구: 무엇을 붙여 넣으면 되는지 알려 주세요. 예: "문단을 붙여 넣으면 읽어 드립니다".
• 친절한 오류 메시지: 문제가 생기면 방문자는 기술적인 오류 대신 내가 작성한 메시지를 봅니다.
• 테마: 방문자 설정 따르기 테마는 방문자의 라이트 또는 다크 설정을 따릅니다. 많은 사람이 편안함을 위해 이 설정을 사용합니다.
• 안정적인 음성: 명확하고 적당한 속도의 음성을 고르고 내 텍스트로 테스트해 보세요.

안정적으로 운영하기

멈춰 버리는 접근성 기능은 없는 것보다 못하므로 안전장치를 마련해 두세요.

• API 키: 모든 위젯은 내 API 키 중 하나로 실행됩니다. 전용 키를 쓰고(편집기 키 목록의 마지막 옵션이 새 API 키 만들기입니다), 감당할 수 있는 일일 지출 한도를 설정하세요.
• 알림: 설정, 위젯 관리에서 위젯에 문제가 생기면 이메일 받기를 켜세요. 잔액 부족처럼 직접 해결할 수 있는 문제가 생기면 위젯당 하루 최대 한 통의 이메일을 받습니다.
• 상태 한눈에 보기: 위젯 목록에 위젯별 마지막 사용 시점과 마지막 오류가 표시됩니다.

사이트 허용하기

설정, 위젯 사이트에 위젯을 실행할 도메인을 등록하세요. 로컬 테스트에는 localhost:3000 또는 사용하는 포트를 추가하세요.

음성 모델에 대한 자세한 내용은 음성 문서를 참고하고, 위젯 페이지에서 위젯을 설정하세요.