키보드 상호작용
| 키 | 동작 |
|---|---|
| 트리거에서 Enter 또는 Space | 팝오버를 열거나 닫습니다. |
| Tab | 열린 팝오버 안으로 이동합니다. 팝오버는 트리거 바로 다음에 옵니다. |
| Esc | 팝오버를 닫고 포커스를 트리거로 되돌리거나, 호버 카드를 숨깁니다. |
접근성 참고 사항
- 팝오버는 비모달
dialog입니다.aria-label또는aria-labelledby로 이름을 지정합니다. 트리거에는aria-haspopup과 브라우저가 관리하는aria-expanded가 지정됩니다. - 호버 카드는
tooltip이자 트리거의aria-describedby이므로, 그 텍스트는 트리거와 함께 읽힙니다. 컨트롤은 넣지 말고, 컨트롤이 필요하면 팝오버를 사용합니다. - 호버 카드는 WCAG 1.4.13을 충족합니다. Esc 키로 포커스를 옮기지 않고 숨길 수 있고, 포인터를 카드 위로 옮길 수 있으며, 마우스를 올려 두거나 포커스가 있는 동안에는 계속 표시됩니다.