What problem does it solve?
This Skill prevents internationalization mistakes and print/a11y regressions by enforcing correct language declarations, accessible semantic structure, and a print-ready typography contract.
Core Features & Use Cases
- Language-aware typography foundation: ensures pages set
<html lang="…"> with BCP-47 tags so hyphenation, quotation glyphs, word-break behavior, and screen-reader pronunciation work correctly.
- CJK typography bridge: applies a CJK-aware CSS bridge for
:lang(zh/ja/ko) that connects to the engine’s DT-25 token contract for fonts, leading, tracking, and emphasis.
- Print-ready typography contract: provides paged-media behavior via
@page, widows/orphans, page-break controls, and print-safe link rendering and utilities.
- Accessibility typography contract: requires semantic HTML patterns, honors motion/contrast media queries, and preserves keyboard focus ring visibility and reduced-motion behavior.
Quick Start
Configure your page with the correct <html lang="…"> (and any needed dir/element-level lang) and then render your typography specimen to confirm screen-reader, language-dependent layout, and print styling behave as intended.