HTML popover를 modal dialog처럼 사용하면 안 되는 이유
Popover API의 top layer와 light dismiss를 modal 동작으로 오해하지 않도록, action menu와 확인 dialog의 상호작용 경계를 구분합니다.
글 읽기개발하다 막혔던 순간부터 해결하며 배운 내용까지, 차근차근 편안하게 풀어갑니다.
Popover API의 top layer와 light dismiss를 modal 동작으로 오해하지 않도록, action menu와 확인 dialog의 상호작용 경계를 구분합니다.
글 읽기Popover API의 top layer와 light dismiss를 modal 동작으로 오해하지 않도록, action menu와 확인 dialog의 상호작용 경계를 구분합니다.
모바일 drawer나 custom modal을 열었을 때 배경 link가 keyboard와 screen reader에 남는 문제를 inert와 focus 관리로 해결합니다.
dialog 포커스: 적용 전에 확인할 조건, 작은 적용 순서와 완료 여부를 판단하는 기준을 정리합니다.
점진적 향상: 적용 전에 확인할 조건, 작은 적용 순서와 완료 여부를 판단하는 기준을 정리합니다.
iframe sandbox 문제가 나타났을 때 먼저 확인할 사실, 원인을 좁히는 순서와 수정 결과를 확인하는 방법을 정리합니다.
HTML / script 로딩 순서: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
이미지 대체텍스트: 정상·경계·실패·반복 조건을 확인하고 회귀 테스트로 남기는 방법을 설명합니다.
이미지 대체텍스트 문제가 나타났을 때 먼저 확인할 사실, 원인을 좁히는 순서와 수정 결과를 확인하는 방법을 정리합니다.
HTML / 콘텐츠 보안과 inline HTML: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
HTML / 이미지 대체텍스트: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
iframe sandbox: 정상·경계·실패·반복 조건을 확인하고 회귀 테스트로 남기는 방법을 설명합니다.
HTML / 문서 언어 속성: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
script 로딩 순서: 적용 전에 확인할 조건, 작은 적용 순서와 완료 여부를 판단하는 기준을 정리합니다.
문서 언어 속성: 정상·경계·실패·반복 조건을 확인하고 회귀 테스트로 남기는 방법을 설명합니다.
HTML / 폼 label 연결 누락: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
HTML / 잘못 닫힌 태그와 DOM 변형: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
preload 오용: 대응 전에 확인할 조건과 최소 수정 범위, 정상화 여부를 판단하는 기준을 정리합니다.
HTML / dialog 포커스: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
HTML / 메타 viewport: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
이미지 대체텍스트: 적용 전에 확인할 조건, 작은 적용 순서와 완료 여부를 판단하는 기준을 정리합니다.