体系 / interaction

rule.interaction.interface-quality · canon

Interface quality is a reviewable checklist

Hundreds of craft decisions accumulate into product quality; encode them as severity-tagged review rules.

実践ガイダンス

Use IQ-* checklist for agent and human review. Keyboard, focus, URL state, motion, locale, and states are release gates.

検証契約

review/interface-quality-checklist.md + tests

根拠リファレンス

• ref.apple.hig — Apple Human Interface Guidelines
• ref.vercel.web-interface-guidelines — Vercel Web Interface Guidelines
• ref.w3c.apg — ARIA Authoring Practices Guide

実装・検証成果物

• artifact.component.link — Link component · packages/react/src/components/Link.tsx
• artifact.doc.interface-quality — Interface quality checklist doc · design-system/review/interface-quality-checklist.md