由 dawei 搭建无障碍网站不是技术特权，而是责任起点。从零开始时，先理解核心原则：可感知、可操作、可理解、健壮（WCAG四大支柱），这比任何工具都重要。
选一个支持语义HTML的轻量级框架，如纯HTML+CSS+少量JS，避免过度依赖黑盒化建站工具。手写HTML时，用<header><nav><main><aside><footer>等语义标签替代<div>，屏幕阅读器能据此构建页面逻辑结构。
文字与背景对比度必须≥4.5:1（正文）或3:1（大号文字）。可用WebAIM Contrast Checker在线验证；禁用纯色块做按钮底图——添加清晰文字标签与足够留白，确保触控目标至少44×44px。
所有图片必须含alt属性：信息图写关键数据，装饰图写空alt=\”\”，图标配aria-hidden=\”true\”并辅以文字说明。表单每项绑定<label for=\”id\”>，错误提示直接关联输入框，不只靠颜色区分。
键盘导航是底线标准。按Tab键应顺序聚焦所有交互元素，跳过非功能区域；用Enter/Space触发按钮，ESC关闭弹窗。禁用仅靠悬停（hover）展示的关键信息——必须支持焦点（focus）触发。
创意图AI设计，仅供参考
自动测试不能替代人工验证。用Chrome插件axe DevTools跑基础检测，再请至少一位视障或低视力用户真实操作：听读导航流程、尝试完成注册/下单等主任务，记录卡点而非仅看报告分数。
避免“无障碍插件”陷阱——第三方浮动按钮无法修复结构缺陷，反而增加干扰。持续维护比上线更重要：每次新增内容前，快速检查标题层级是否跳跃（h1→h3）、视频是否含字幕与音频描述、动态内容是否触发aria-live公告。
安全视角下，无障碍即抗脆弱性。当网站对屏幕阅读器、开关控制、语音指令、低带宽环境都稳定可用，它同时抵御了脚本失效、CSS加载失败、移动端适配崩溃等常见风险。真正的AI辅助，不是替人绕过规范，而是帮开发者实时提醒alt缺失、对比不足、焦点流断裂——把合规意识编译进开发肌肉记忆里。