ARIA (Attirbute of Rich Internet Applications) 속성

aria-invalid="false"

유효성 검사 상태가 올바른지 여부

• false
  : 입력한 값이 올바르거나 유효하다는 뜻
  
  
• true
  : 입력한 값이 부적절하거나 유효하지 않다는 뜻

---

aria-describedby="userNameError"

현재 요소와 연결된 설명을 나타냄
id가 userNameError인 값을 찾아서 연결해줌

<input type="text" id="userName" aria-describedby="userNameError" />
<div id="userNameError">올바른 이름을 입력하세요.</div>

---

aria-live="assertive"

동적으로 변경되는 콘텐츠에 대한 스크린 리더에 알림 수준을 제어해줌

• assertive
  : 중요한 업데이트에 대핸 즉시 알려줌
  
  
• polite
  : 현재 사용자 작업에 방해가 되지 않을 때까지 기다렸다가 알려줌