← 返回文章列表

TRAVEL LOG

把内容当作关卡,而不是装饰

Canvas 负责气氛,DOM 负责信息;沉浸感不应该牺牲可访问性。

1 分钟阅读
设计无障碍

两层世界

像素场景在 Canvas 中绘制,文章标题、项目说明、链接和导航则保留为真实 DOM。这样既能获得连续画面,也能让文字被复制、搜索和键盘访问。

图层负责内容失败时的结果
Canvas天空、海水、粒子、星空回退到 CSS 背景
DOM标题、摘要、按钮、导航始终可读可用

动效是增强,不是门票

系统开启减少动态效果时,长距离视差和翻转会被取消,页面变成三个清晰的静态分区。访问者仍然能读到同样的文章、项目和介绍。