TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
21
Frontend
inert 속성 — 화면 밖 UI의 포커스와 스크린리더를 막는 표준 방법
inert 속성으로 화면 밖 UI의 키보드 포커스와 스크린리더 접근을 표준 방식 한 줄로 차단하는 법. aria-hidden·display:none과의 결정적 차이, 드로어와 커스텀 모달 배경에서의 실전 활용을 정리했다.
Frontend
<dialog> 요소 — 라이브러리 없이 접근성 갖춘 네이티브 모달
HTML dialog 요소와 showModal() 하나로 포커스 가둠·배경 비활성화·ESC 닫기·접근성 역할까지 공짜로 얻는 법. 백드롭 클릭으로 닫기, 닫힘 애니메이션 등 놓치기 쉬운 디테일까지 예제로 다뤘다.