aria-describedby와 Persistence 기반의 스크린 리더 접근성 최적화

Context

자동 삭제 Toast 및 onblur 핸들러 기반의 에러 처리로 인해 스크린 리더 사용자가 오류 내용을 인지하지 못하는 접근성 결함 발생. WCAG 2.2.1 기준을 충족하지 못하는 일시적 메시지 노출 방식으로 인한 사용자 경험 단절 및 정보 유실 문제 직면.

Technical Solution

• Auto-dismissing Toast 제거를 통한 정보의 지속성 확보 및 WCAG 2.2.1 Timing Adjustable 준수
• onblur 리스너 삭제를 통해 포커스 이동 시에도 에러 메시지가 유지되는 Persistence 구조 설계
• aria-describedby 속성 적용으로 Input 필드와 에러 메시지 간의 Programmatic Connection 구축
• Inline Error Display 패턴 채택을 통한 필드 인접 영역 내 시각적 및 청각적 정보 동시 제공
• aria-invalid="true" 설정과 결합한 스크린 리더의 자동 에러 읽기 메커니즘 활성화