플랜·경쟁사를 항목별로 맞대는 매트릭스. 진짜 <table>이라 스크린리더가 행·열 맥락을 읽고, 아이콘 값엔 sr-only 텍스트를 함께 넣는다. 좁은 화면에선 항목마다 카드로 재배치.
| 비교 항목 | 스타터 | 프로추천 | 엔터프라이즈 |
|---|---|---|---|
| 페이지 수 | 3개 | 무제한 | 무제한 |
| 커스텀 도메인 | 미지원 | 지원 | 지원 |
| A/B 테스트 | 미지원 | 지원 | 지원 |
| 애널리틱스 | 기본 | 고급 | 고급 + 원본 로그 |
| SSO · 감사 로그 | 미지원 | 미지원 | 지원 |
| 전용 인프라 | 미지원 | 미지원 | 지원 |
| 지원 | 커뮤니티 | 우선 지원 | 전담 매니저 |
| SLA | 미지원 | 미지원 | 99.9% |
진짜 <table>입니다. div 그리드로 만들면 스크린리더가 "프로 열, 커스텀 도메인 행"을 못 읽습니다. 체크/대시 아이콘엔 sr-only 텍스트를 함께 넣었습니다.
좁은 화면에서는 항목마다 카드로 다시 쌓입니다(가로 스크롤 표는 못 읽으므로).
다른 패턴과 이어 붙인 화면에서 이 패턴이 어떤 자리에 놓이는지 볼 수 있습니다.