Axe-coreの50億downloadと二つのtoken-layer事例が、design systemに運用支援とboundary-aware customizationが必要な理由を示します。 開発ですぐ活用できるよう整理しました。
Axe-coreは1年前の30億件から50億downloadを突破しました。Dequeは現在、1日約1,000万download、前年ペースの3倍超を記録します。この増加はEU、カナダ、オーストラリア、インド、韓国でaccessibility要件が運用段階へ移る時期と重なります。Open-source automationは共通baselineをすべてのbuildへ入れられますが、keyboard、screen reader、content、task体験全体は評価できません。Teamはaccessibility testがinfrastructureに属する証拠としてmilestoneを使い、ruleに見えない領域へexpert reviewを残すべきです。
Design-system siteがtoken、component、patternを完璧に文書化しても、二つのproduct teamは異なる結果を出せます。Deadline、legacy code、不足state、accessibility skill、local product decisionがrecipeの現場での生き残り方を決めます。Articleはreview、pairing、office hour、migration help、documented exceptionを任意supportではなくsystemの一部にします。AIはlookupとmechanical comparisonを速めても、componentが不適切な場面を判断する力は代替できません。Maintainerはimplementation feedbackでadoptionを測り、静かなforkよりsupported pathを容易にすべきです。
Namespaced design-token extensionへ保存したCSS layer metadataは、generated custom propertyを予測可能なcascade layerへまとめられます。Web componentが境界を示します。Document stylesheetはshadow root内のlayer順序を決められませんが、custom-property値は内部へ継承できます。改訂patternはtoken dataをportableに保ち、treeごとにlayer declarationを生成し、local component variableを対応override seamとして公開します。一つのglobal cascade policyがすべてのencapsulation boundaryを貫くとは装いません。Token pipelineは環境間で意味を運び、cascadeが実在する場所へ環境別CSSを出力すべきです。
Axe-coreは1年前の30億件から50億downloadを突破しました。Dequeは現在、1日約1,000万download、前年ペースの3倍超を記録します。この増加はEU、カナダ、オーストラリア、インド、韓国でaccessibility要件が運用段階へ移る時期と重なります。Open-source automationは共通baselineをすべてのbuildへ入れられますが、keyboard、screen reader、content、task体験全体は評価できません。Teamはaccessibility testがinfrastructureに属する証拠としてmilestoneを使い、ruleに見えない領域へexpert reviewを残すべきです。
Design-system siteがtoken、component、patternを完璧に文書化しても、二つのproduct teamは異なる結果を出せます。Deadline、legacy code、不足state、accessibility skill、local product decisionがrecipeの現場での生き残り方を決めます。Articleはreview、pairing、office hour、migration help、documented exceptionを任意supportではなくsystemの一部にします。AIはlookupとmechanical comparisonを速めても、componentが不適切な場面を判断する力は代替できません。Maintainerはimplementation feedbackでadoptionを測り、静かなforkよりsupported pathを容易にすべきです。
Namespaced design-token extensionへ保存したCSS layer metadataは、generated custom propertyを予測可能なcascade layerへまとめられます。Web componentが境界を示します。Document stylesheetはshadow root内のlayer順序を決められませんが、custom-property値は内部へ継承できます。改訂patternはtoken dataをportableに保ち、treeごとにlayer declarationを生成し、local component variableを対応override seamとして公開します。一つのglobal cascade policyがすべてのencapsulation boundaryを貫くとは装いません。Token pipelineは環境間で意味を運び、cascadeが実在する場所へ環境別CSSを出力すべきです。
Axe-coreは30億件を超えてからわずか1年で50億downloadを突破し、Dequeは現在、1日約1,000万downloadを記録しています。この伸びは欧州、カナダ、オーストラリア、インド、韓国でaccessibility執行が具体化する流れと重なります。自動testはinfrastructureになりつつありますが、チームが責任を負う体験の一部しか検出できません。
Documentationにも同じ限界があります。Always Twistedはdesign systemを完成したbakeではなくrecipeだと論じます。ruleだけではチームのdeadline、legacy code、不足state、accessibility判断を見られません。Review、pairing、office hour、migration guidance、明示的なexceptionはsystem周辺の支援ではなく運用modelの一部です。
Design-token metadataはcascade intentを表せますが、shadow DOMはそのintentが止まる境界を示します。document-levelのlayer順序はcomponentのshadow root内へ渡らない一方、custom-property値は境界を継承します。実用的なpatternはtokenの意味を運び、各tree内でlayer順序を宣言し、component variableを公開customization seamとして保つことです。