Refactor/285/모달접근성개선 by LMS10 · Pull Request #287 · kss761036/Epigram

modal-a11y-improvement.mp4

1. 접근성이 왜 중요한가?

웹은 모든 사람을 위한 공간이어야 한다. 그러나 실제로는 장애를 가진 사람, 노년층, 특정 상황에 처한 사용자들이 웹 사용에 어려움을 겪는 경우가 많다.

예컨대 마우스를 사용할 수 없는 사람, 스크린 리더로 콘텐츠를 듣는 사람, 또는 모바일 환경에서 키보드만으로 조작해야 하는 상황 등.

특히 모달처럼 화면 전체를 덮는 UI는 접근성이 미비할 경우 사용자의 행동 흐름을 완전히 차단해버릴 수 있다.

접근성 없는 모달은 단순한 불편이 아니라, 어떤 사용자에게는 사용 불가능으로까지 이어진다.

이번 개선 작업은 이러한 상황을 방지하고, 모든 사용자가 편안하게 사용할 수 있는 모달 환경을 만들기 위한 접근성 중심의 리팩토링이었다.


2. 기존 모달의 문제점

이 프로젝트에서 사용되는 ModalBase 컴포넌트는 모든 모달의 기반이 되는 부모 컴포넌트다.

기존에도 열림/닫힘 제어, 바깥 영역 클릭 시 닫힘 등 UI 구성은 잘 되어 있었지만, 접근성은 고려되지 않은 상태였다.

이런 문제점들은 겉으로는 드러나지 않지만, 실제 사용자 경험에서 큰 영향을 미친다.