Skip to content

inable-it/webridge-frontend

Repository files navigation

웹 접근성 솔루션 - React + TypeScript + Vite 기반

이 프로젝트는 국내 웹 접근성 솔루션의 새로운 형태를 제안하기 위해 개발되었습니다. 기존의 단순한 접근성 검사 도구와는 차별화된 URL 기반 리포트 생성과 사용자 친화적인 UI를 제공하며, 추후 AI 모델 도입을 통한 발전 방향성을 지닌 웹 서비스 형태로 기획되었습니다.


프로젝트 주요 목표 및 배경

1. 목적

  • 기존 국내 웹 접근성 솔루션의 한계점을 극복하고 차별화된 SaaS 형태를 검증.
  • 초기에는 최소한의 기능을 우선 개발하여 빠르게 유저 확보:
    • 웹 접근성 검사 기능을 기반으로 한 URL 리포트 생성을 핵심 기능으로 설정.
    • 유사 서비스처럼 기존 사용자의 요구를 충족시키는 형태(참고: accessibility.kr)로 제작.
  • 기존 플러그인 형태 서비스는 도입 초기 가시성이 낮을 수 있어 웹 사이트 기반 서비스 제공 방향으로 설정.

2. 추가적인 배경

  • 현재 웹 접근성 솔루션은 플러그인형 자가 진단이나 단순 URL 리포트 생성 서비스에 집중되어 있음.
    • 플러그인은 시각화를 통한 장점이 있으나, 구현 난이도가 높아 우선 순위에서 배제.
    • 웹 사이트 접근 방식은 서비스의 초기 홍보 및 기능 확장이 용이하기 때문에 선택.
  • 추후 AI 분석 모델을 접목하여 고도화를 진행할 계획.

사용된 기술 스택

  • React: 프론트엔드 UI 라이브러리
  • Vite: 빠른 개발 환경을 제공하는 빌드 도구
  • Redux Toolkit: 상태 관리 라이브러리
  • Tailwind CSS: 유틸리티 기반의 CSS 프레임워크
  • TypeScript: 정적 타입 언어

구현된 주요 기능

1. URL 기반 웹 접근성 리포트 제공

  • 사용자가 입력한 URL의 웹 접근성 점검 결과를 리포트 형태로 제공.
  • 간단하고 직관적인 UI로 사용자 이해도 향상.

2. 초기 UI 구성

  • Tailwind를 적극적으로 활용한 반응형 디자인.
  • 핵심 기능에 집중한 깔끔한 사용자 경험 제공.

3. 확장 가능성

  • 추후 AI 분석 모델 관련 기능을 추가하여 더욱 정확하고 세부적인 접근성 진단 제공 예정.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages