전면 개편은 부담
사이트를 통째로 고치자니, 비용도 기간도 만만치 않습니다.
- 접근성 보조 기능
- 37종
- 상황별 프로필
- 6종
- 도입 · 이용 비용
- 0원
- 설치 코드
- 1줄
지역 복지관·비영리 홈페이지를 오래 만들어 온 WEBIS가 직접 운영합니다
담당자의 고민
접근성, 필요한 건 아는데
시작이 어렵습니다
예산도 개발 인력도 빠듯한 기관이라면, 더 그렇습니다.
이용자마다 다른 화면
어르신·저시력·키보드 사용자, 필요한 조정이 저마다 다릅니다.
관리는 계속되는 일
콘텐츠가 바뀔 때마다 다시 챙겨야 하는데, 손이 늘 부족합니다.
그래서 홈페이지를 고치지 않고 시작하는 방법을 만들었습니다
그래서, WEBIS 위젯
붙여넣는 순간,
접근성 버튼이 생깁니다
방문자는 버튼 하나로 제어판을 열고, 자기 눈에 맞게 화면을 조정합니다. 기관이 할 일은 한 줄 설치뿐입니다.
- 한 줄 삽입, 기존 코드 유지순수 Vanilla JS — 어떤 홈페이지든 그대로 붙습니다.
- 기존 디자인과 충돌 없음자체 네임스페이스로 분리되어, 본문만 안전하게 조정합니다.
- 방문자 개인정보 수집 없음설정값은 방문자 브라우저에만 저장되고, 서버로 보내지 않습니다.
설치 코드 — 한 줄이면 됩니다
<script defer
src="https://cdn.webaccessibility.kr/widget/v1/loader.js"
data-site-key="pub_사이트별_공개키"></script>data-site-key 값은 회원가입 후 사이트를 등록하면 발급됩니다. 예시를 그대로 쓰지 말고 대시보드에서 복사해 주세요.
위젯 미리보기
방문자에게는 이렇게 보입니다
아래는 정적 목업입니다. 실제 위젯도 설치 후 같은 구성으로 표시됩니다.
https://your-site.kr
1
정적 목업 화면 — 번호는 아래 설명과 대응합니다.
접근성 도구
OO기관 홈페이지 · 보기·읽기 환경 조정
한국어 ▾2상황별 프로필
고령자저시력인지 보조ADHD 친화발작 안전스크린리더
3자주 쓰는 기능
글씨 크기선명한 화면줄 간격링크 표시읽기 가이드큰 커서음성 읽기화상 키보드
글자 크기120%
4설정 자동 저장초기화
1접근성 버튼
사이트 모서리에 항상 떠 있는 시작점. 위치·색·모양을 바꿀 수 있습니다.
2프로필 6종
개별 기능을 몰라도, 상황에 맞는 프로필 하나로 한 번에 켭니다.
3기능 타일 37종
기능 37종 + 상황별 프로필 6종 중, 기관이 노출하기로 선택한 것만 보입니다.
4설정 저장
선택은 방문자 브라우저에만 저장됩니다. 개인정보 무수집.
핵심 기능
기능 37종 + 상황별 프로필 6종, 한 번에
실제 엔진에 구현된 기능입니다. 필요한 것만 골라 노출할 수 있습니다.
9종
글자 · 읽기 조정
글자 크기·줄 간격부터 난독증 친화 글꼴까지 세밀하게 조정합니다.
글씨 크기줄 간격난독증 글꼴글자 확대
10종
화면 · 색상 조정
고대비·다크·흑백과 색상 선택으로 눈부심을 줄입니다.
선명한 화면어두운 화면흑백색상 선택
7종
강조 · 탐색 보조
링크·위치 강조와 읽기 가이드로 시선의 흐름을 돕습니다.
링크 표시현재 위치읽기 가이드읽기 마스크
2종
키보드 · 커서
마우스 없이도, 커서를 놓치지 않고 이동할 수 있습니다.
키보드 탐색큰 커서본문 바로가기
5종
음성 · 사전
문장을 소리로 읽어 주고, 모르는 단어는 사전으로 찾아 줍니다.
음성으로 읽기음성 명령온라인 사전
4종
콘텐츠 · 입력 보조
움직임·이미지 자극을 낮추고, 화상 키보드로 입력을 돕습니다.
움직임 줄이기이미지 숨기기화상 키보드
한 번에 켜는 접근성 프로필 6종
개별 기능을 몰라도, 상황에 맞는 프로필 하나면 됩니다.
고령자
큰 글씨·선명한 대비
저시력
글자·화면 선명하게
인지 보조
읽기·이해 쉽게
ADHD 친화
산만함 줄이고 집중
발작 안전
깜빡임·움직임 축소
스크린리더
키보드·음성 탐색
전체 기능 목록 보기전체 기능 목록 접기
글자 · 읽기
내용 크기글씨 크기줄 간격글자 간격문단 정렬읽기 쉬운 글꼴난독증 친화 글꼴글꼴 굵기글자 확대
화면 · 색상
선명한 화면어두운 대비어두운 화면밝은 대비흑백 화면색 더 진하게색 더 낮게본문 색제목 색배경 색
강조 · 탐색
링크 표시제목 표시현재 위치 표시마우스 위치 표시읽기 가이드읽기 마스크집중 읽기
콘텐츠 · 소리
움직임 줄이기이미지 숨기기소리 끄기
커서 · 키보드 · 입력
큰 커서키보드 탐색본문 바로가기화상 키보드
음성 · 사전
음성으로 읽기음성 내비게이션온라인 사전링크 목록
비영리 우선 · 전면 무료
비영리기관부터,
부담 없이 시작하세요
복지관·공공·비영리 홈페이지를 오래 만들어 온 WEBIS가, 도입부터 운영까지 무료로 함께합니다.
- 도입 · 이용 전부 무료기능 37종 + 상황별 프로필 6종 전체가 무료. 유료 전환 계획이 없습니다.
- 설치 상담 · 검수 지원사이트 확인부터 삽입·검수까지 담당자가 함께 진행합니다.
- 맞춤 구축은 별도 협의전용 디자인·관리형 운영 같은 프로젝트만 협의로 진행합니다.
복지관 · 사회복지시설
비영리 · 공익 단체
학교 · 교육 기관
공공성 프로젝트
이용 요금
도입도, 이용도 무료입니다
접근성이 비용 때문에 미뤄지지 않도록 만든 서비스입니다.
유료 전환 계획 없음
서비스 이용료
0원지금도, 앞으로도
- 기능 37종 + 상황별 프로필 6종 전부 제공
- 색상·위치·문구·기능 노출 설정 대시보드
- 설치 상담 · 검수까지 담당자 지원
- 사이트 수 제한 내 무료 운영 · 광고 없음
왜 무료인가요?
웹접근성은 모두의 권리라고 믿습니다. 지역 복지관과 비영리 단체의 홈페이지를 오래 만들어 온 WEBIS가 그 경험을 서비스로 돌려드리는 방식입니다.
별도 협의가 필요한 경우
전용 디자인 제작, 관리형 운영 같은 프로젝트성 작업만 협의합니다. 위젯 사용은 언제나 무료입니다.
도입 절차
가입부터 운영까지, 5단계
개발 인력이 없어도 됩니다. 막히는 단계는 담당자가 함께합니다.
- STEP 1
회원가입
계정을 만들고 대시보드에 들어갑니다.
- STEP 2
사이트 등록
사용할 도메인과 기본 언어를 등록합니다.
- STEP 3
위젯 설정
색상·위치·노출 기능을 조정하고 실시간으로 확인합니다.
- STEP 4
코드 설치
발급된 스크립트 한 줄을 홈페이지에 추가합니다.
- STEP 5
운영 · 확인
설치 즉시 방문자가 사용하고, 설정은 저장 즉시 반영됩니다.
커스터마이징
기관에 맞게, 색·위치·기능까지
대시보드에서 바꾸면, 위젯에 바로 반영됩니다.
색상 · 아이콘 · 모양
버튼 색·아이콘·모양을 기관 브랜드에 맞게 지정합니다.
데스크톱 · 모바일 위치
좌우·상하 위치와 여백을 기기별로 따로 설정합니다.
언어 · 기능 프리셋
기본 언어와 노출 기능을 기관 상황에 맞게 고릅니다.
패널 테마 · 문구
밝은/어두운 테마와 패널 문구·브랜드명을 지정합니다.
정직한 안내
자동 도구의 한계를
그대로 밝힙니다
위젯은 “보조·개선 도구”이지, 인증 대행이 아닙니다
위젯은 보기·읽기 환경을 조정하는 보조 도구입니다. 웹접근성 인증(마크)이나 법적 준수를 보장하지는 않습니다. 대체텍스트·문서 구조 같은 원천 개선과 병행할 때 효과가 가장 큽니다.
인증마크·법적 준수는 별도 진단·개선이 필요합니다.
이미지 대체텍스트, 문서 구조는 콘텐츠 단계에서 개선해야 합니다.
음성 읽기·인식은 브라우저 지원 여부에 따라 달라집니다.
위젯은 개선의 “시작점”이며, 수동 접근성 작업을 대체하지 않습니다.
자주 묻는 질문
FAQ
설치·무료 정책·개인정보에 대해 가장 많이 받는 질문을 모았습니다.
정말 스크립트 한 줄로 설치되나요?
네. 회원가입 후 사이트를 등록하면 설치 코드가 발급되고, 그 한 줄을 홈페이지에 넣으면 접근성 버튼이 나타납니다. 프레임워크나 빌드 도구 없이 순수 Vanilla JS로 동작하며, 기존 사이트 구조를 바꾸지 않습니다.
이 위젯을 달면 웹접근성 인증을 받을 수 있나요?
아니요. 위젯은 접근성을 보조·개선하는 도구이며, 인증(마크) 취득이나 법적 준수를 보장하지 않습니다. 인증에는 별도의 진단과 원천 개선(대체텍스트·구조 등)이 필요합니다. 위젯은 그 과정을 더 쉽게 시작하도록 돕습니다.
무료라고 했는데, 정말 계속 무료인가요?
네, 도입과 이용 모두 무료이며 유료 전환 계획이 없습니다. 전용 디자인 제작이나 관리형 운영 같은 별도 프로젝트성 작업만 협의로 진행하고, 위젯 사용 자체에는 요금을 받지 않습니다.
방문자의 개인정보를 수집하나요?
위젯은 방문자의 접근성 설정값을 방문자 브라우저(localStorage)에만 저장하며, 방문자의 개인정보를 서버로 수집하지 않습니다. 온라인 사전 기능을 사용할 때만 선택한 단어가 사전 검색(위키백과)으로 전송되며, 이 기능은 끌 수 있습니다.
우리 기관 색상·언어에 맞게 바꿀 수 있나요?
네. 버튼 색상·아이콘·모양·위치, 패널 테마와 문구, 노출 기능, 기본 언어까지 대시보드의 사이트별 설정에서 직접 조정할 수 있고, 저장 즉시 반영됩니다. 자세한 방법은 사이트별 설정 문서를 참고해 주세요.
기존 홈페이지 속도나 디자인에 영향을 주나요?
위젯은 자체 네임스페이스와 CSS 접두사로 격리되어 고객사 코드와 충돌을 최소화하도록 설계되어 있습니다. 스크립트는 defer로 로드되어 페이지 렌더링을 막지 않고, 방문자가 기능을 켜기 전에는 본문에 어떤 효과도 적용하지 않습니다.
시작하기
접근성 개선,
오늘 시작하세요
혼자서도 10분이면 충분하고, 복지관·공공·비영리 기관은 담당자가 함께합니다. 가입부터 이용까지 전부 무료입니다.
무료 서비스 — 유료 전환 계획이 없습니다.
상담으로 시작하기
기관·사이트 정보를 보내주시면 담당자가 연락드립니다. 복지관·공공·비영리 기관 우선 지원.
- 이메일help@webis.co.kr
- 전화 상담 · 평일 09:00 – 18:001688-0790
- 가입 후 1:1 문의대시보드 문의하기
* 문의 시 개인정보는 도입 상담 목적에만 사용됩니다.