주간 다이제스트 // DESIGN_SYSTEMS — 2026년 35주차
architecture주간 보고서

Alt text 품질은 checkbox를 벗어난다 — 35주 디자인 시스템

GitHub, Deque, Allegro가 deterministic check와 contextual judgment를 분리하고 component를 AI consumer에게 여는 방식을 보여줍니다.

calendar_todaysummarize2026년 35주차
태그: ACCESSIBILITY읽기_시간: 7분

자동 검사에 통과한 alt text도 좋지 않을 수 있다

GitHub는 alt-text fact와 judgment를 분리합니다. Deterministic rule 5개는 credential이나 network call 없이 빈 품질 string, filename, placeholder, 가까운 반복을 찾습니다. Optional vision-model rule은 image, nearest heading, title, caption, link context, 주변 prose 최대 600자를 받습니다. WebAIM 2026 scan에서는 image 16.2%에 alt text가 없고 10.8%에는 모호하거나 중복된 값이 있었습니다. Noisy accessibility rule은 결국 꺼지므로 기본값은 보수적입니다.

태그: COMPONENT ACCESSIBILITY읽기_시간: 4분

Axe-core가 ElementInternals semantics를 test한다

Axe-core 4.13.0은 aria-allowed-attr, aria-prohibited-attr, required-parent와 required-children 검사, list와 listitem rule에서 ElementInternals를 인식합니다. 올바르게 self-describing한 custom element를 role 누락으로 잘못 보고하지 않게 됩니다. 하나의 browser-native component가 React, Vue, Angular consumer를 지원해 병렬 implementation의 accessibility drift를 줄입니다. Developer는 Axe-coreElementInternals access를 명시적으로 허용하고 manual interaction test도 계속해야 합니다.

태그: AI GOVERNANCE읽기_시간: 4분

Allegro의 AI-first design system 구축법

Allegro는 language model을 first-class design-system user로 취급합니다. Component name, structural constraint, accessibility rule, example을 encode해 generated interface의 일관성을 유지하고 반복되는 ad-hoc prompt를 internal tool과 plugin으로 바꿉니다. Designer는 written intent, product strategy, business trade-off에 더 집중합니다. 반대편 위험은 조직에 있습니다. One-person AI delivery가 shared review와 분리되면 빠르게 움직이면서 product를 fragment할 수 있습니다.

summarize다이제스트_요약

GitHub의 alt-text scanner는 명확한 경계에서 출발합니다. 존재 여부는 증명할 수 있지만 품질은 context에 달려 있습니다. WebAIM은 상위 100만 home page image 중 16.2%에 alt text가 없고 10.8%에는 모호하거나 filename 형태이거나 중복된 text가 있다고 밝혔습니다. GitHub는 deterministic rule 5개를 기본 실행하고 layout과 주변 prose 최대 600자를 받는 vision-model 판단은 opt-in으로 둡니다.

Axe-core 4.13.0은 custom element에서 false positive를 만들기 쉬운 rule에 ElementInternals semantics를 인식합니다. 하나의 browser-native component library가 React, Vue, Angular consumer에 같은 accessibility layer를 제공해 외부에서 매번 ARIA를 붙이지 않아도 됩니다. ElementInternals access는 명시적으로 켜야 하며 자동 결과는 validation의 한 layer일 뿐입니다.

Allegro는 language model을 design system의 first-class user로 취급하며 consumer model을 확장합니다. Canonical name, constraint, accessibility rule, internal tool은 ad-hoc prompt보다 probabilistic generation을 예측 가능하게 만듭니다. 조직적 위험은 빠른 one-person delivery silo이므로 shared review와 product strategy도 system에 포함됩니다.

핵심 요점
  • deterministic accessibility rule은 저렴하게 기본 활성화하고, model 기반 품질 판단은 opt-in, context-rich, redacted 방식으로 offline evaluation set에 맞춰 조정하세요.
  • ElementInternals를 test할 때 Axe-core 4.13.0 이상으로 upgrade하고 internals를 scanner에 명시적으로 노출하며 keyboard와 assistive-technology review를 유지하세요.
  • component name, constraint, accessibility behavior를 model-readable 형식으로 문서화하고 공통 generation path를 shared tool과 human review로 감싸세요.