시각장애인도 비대면 온라인 시장에 쉽게 진입할 수 있도록 접근성을 높인 웹이다.
-
🍀기획 배경🍀
- 비대면 시장 확대이 커지고 있지는 반면, 온라인 서비스에 소외되는 약자들이 발생
- 시각장애인의 쇼핑 가능 비율 집계 결과 17.5%만 쇼핑이 가능하며 하나의 물품을 구매하기 위해서는 평균 46.5분이 소요 (출처.한국시각장애인연합회(2018))
-
⭐기능 설명⭐
- 고대비를 고려한 명도 대비를 적절한 수준으로 지키며 확대/축소, 음성 검색 기능을 제공
- 스크린 리더 및 컴퓨터의 기본적인 보이스 오버 기능을 사용하는 시각 장애인을 위하여 적절한 음성 텍스트를 제공
- 자세한 상품 정보 검색 및 결제를 위한 AI 음성 챗봇 기능을 탑재함으로써 쇼핑 시간을 단축
- 음성 리뷰를 작성함으로써 타이핑의 부담을 감소
- OCR 기능을 통한 텍스트 추출 후, 중요 키워드만 등록하여 물품상세정보 탐색시간 단축
-
🌟기대 효과🌟
- 시각장애인에게 웹 접근성을 높인 적절한 쇼핑 환경을 제공
- 스크린 리더를 고려한 음성 텍스트 제공 및 결제수단 등록 기능으로 인한 쇼핑 시간 단축
-
🌳개발환경🌳
- OS : Windows10, MacOS
- Reactjs,css-materialUI,Nodejs, javascript, MongoDB
- Google DialogFlow AI Chatbot API / Naver Cloud OCR API
1. npm install ( ./ )
2. npm install (./client)
3. npm run dev
구글에서 사용하는 웹 크롤링 기법
1. 검색어 설정
2. 검색어에 따른 각 테마와 url 경로 출력
