Design system annotations, part 1: How accessibility gets left out of components
> Source: GitHub_Blog
Execute Primary Source
// Problem
アクセシブルなコンポーネントを使用しても、見出しの階層、代替テキスト、実装時の振る舞いといった「文脈」に依存する情報は補完されない。この情報の欠落が、最終的な製品におけるアクセシビリティの障壁となる。
// Approach
GitHubは、Primerコンポーネントに特化した「Preset annotations」をFigma上に構築した。これは、コンポーネント固有のアクセシビリティ詳細を迅速に指定できるプリセットであり、ドキュメントやStorybookへのリンクも提供する。
// Result
アノテーションの重複を排除しつつ、開発に必要な技術的詳細を確実に伝達できるようになった。これにより、デザイナーの工数を削減しながら、アクセシビリティの品質向上とデザインシステムの活用促進を両立している。
Senior Engineer Insight
> アクセシビリティを単なるコンポーネントの属性ではなく、設計の文脈として扱うべきだ。Figma内にドキュメントとプリセットを統合するアプローチは、設計段階での品質担保（シフトレフト）において極めて実効性が高い。