CSS Scroll Snap 滑动分页与轮播体验实践
基于 CSS Scroll Snap 构建稳定的滑动分页与轮播体验，验证滚动对齐、越界控制与无脚本交互的一致性与性能。
实践
Dialog 与 Popover 组件可访问性与焦点管理最佳实践
基于原生 `dialog` 与 Popover API 构建弹层组件，完善焦点循环、键盘导航与可访问性语义，并提供验证清单。
Focus-visible 焦点可见与键盘导航可访问性治理实践
通过 focus-visible 针对键盘用户显示焦点样式，兼顾鼠标与触控交互一致性，验证跨浏览器的可访问性与回退策略。
Popover API 原生弹出层无障碍与交互治理实践
使用原生 Popover API 构建可访问的弹出层，规范交互与状态管理并验证键盘与读屏兼容性。
Priority Hints 与资源加载优先级优化实践
通过 Priority Hints 的 `fetchpriority` 参数优化关键资源加载顺序，结合 preload 与懒加载策略，验证 LCP/INP 指标的改善。
Scroll-driven Animations 滚动驱动动画与时序控制实践
使用 Scroll-driven Animations 将滚动位置映射为动画进度，结合 entry/exit 区间实现更自然的交互与性能友好的视差效果。
text-wrap: balance 标题排版优化与可读性提升实践
使用 `text-wrap: balance` 为多行标题进行更均衡的断行布局，提升可读性与视觉稳定性，并验证兼容性与性能影响。
动态视口单位 svh/lvh/dvh 移动端可视高度适配实践
使用 `svh/lvh/dvh` 动态视口单位精准适配移动端浏览器工具栏与软键盘变化，避免布局跳动并提升交互稳定性。
原生 dialog 对话框体系与可访问性实践
基于原生 dialog 元素构建对话框体系，完善焦点管理与遮罩控制，提供一致的 A11y 与降级方案。
