ModuWeb은 웹 접근성을 향상시키기 위한 JavaScript 플러그인입니다. HTML에 스크립트를 추가하고 초기화하는 것만으로 TTS, STT, 화면 확대, 색상 조절 등 다양한 접근성 기능을 웹사이트에 제공할 수 있습니다.
시작 단계
라이브러리 추가
- HTML에 CSS 파일을 포함합니다
- webAccTools.js 스크립트를 추가합니다
설정 파일 준비
- config.example.json을 config.json으로 복사합니다
- 서버 엔드포인트 등 필요한 값을 수정합니다
인스턴스 생성 및 초기화
- WAT 클래스로 인스턴스를 생성합니다
- init() 메서드를 호출합니다
기능 활용
- TTS, STT, 포커스 읽기 등 기능을 사용합니다
- API를 통해 프로그래밍 방식으로 제어합니다
예제 모음
기본 사용법
기본WAT 초기화와 기본 기능 사용 방법을 소개합니다. 도구를 처음 사용하는 경우 기본 예제부터 확인해 보세요.
- 기본 초기화 및 설정
- TTS 기본 사용법
- 포커스 기반 읽기
- 이벤트 리스너 등록
커스텀 설정
고급고급 초기화 옵션과 세부 설정 방법을 다룹니다. 프로젝트 요구사항에 맞춰 다양한 옵션을 조합할 수 있습니다.
- 커스텀 초기화 설정
- TTS / STT 세부 옵션
- 상태 관리 시스템
- 이벤트 시스템 활용
색약 보정 필터
기본색상 표본·상태 표시·차트 범례로 적색약·녹색약 보정 필터의 전후를 비교하는 예제입니다.
- 채도·색약 필터 6종 전환
- 혼동하기 쉬운 빨강–초록 조합 표본
- 패널 「채도」 옵션 연동
API 함수 테스트
고급WAT의 핵심 동작을 버튼으로 확인할 수 있는 예제 페이지입니다.
- TTS API 함수 테스트
- STT API 함수 테스트
- 사전 검색 테스트