[{"data":1,"prerenderedAt":180},["ShallowReactive",2],{"content-/blog/accessibility-guidelines":3,"related-blog":155},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"keywords":10,"author":11,"date":12,"category":13,"image":14,"body":15,"_type":149,"_id":150,"_source":151,"_file":152,"_stem":153,"_extension":154},"/blog/accessibility-guidelines","blog",false,"","无障碍设计指南","WCAG 标准和无障碍设计最佳实践","无障碍设计指南, Blog, HTMLPAGE","HTMLPAGE","2025-11-26","待分类","/content-images/blog/blog.jpg",{"type":16,"children":17,"toc":139},"root",[18,26,32,42,47,55,60,68,73,81,87,95,100,108,112,117],{"type":19,"tag":20,"props":21,"children":22},"element","p",{},[23],{"type":24,"value":25},"text","可访问性准则确保生成内容对更多用户可用。本文列出常见的可访问性考虑与检测建议。",{"type":19,"tag":27,"props":28,"children":30},"h3",{"id":29},"文本与对比度",[31],{"type":24,"value":29},{"type":19,"tag":33,"props":34,"children":35},"ul",{},[36],{"type":19,"tag":37,"props":38,"children":39},"li",{},[40],{"type":24,"value":41},"确保正文与背景的对比度满足 WCAG 最低要求（4.5:1 或 3:1 视场景而定）。",{"type":19,"tag":27,"props":43,"children":45},{"id":44},"语义化与键盘导航",[46],{"type":24,"value":44},{"type":19,"tag":33,"props":48,"children":49},{},[50],{"type":19,"tag":37,"props":51,"children":52},{},[53],{"type":24,"value":54},"使用语义 HTML 标签（header、main、nav、button）并确保键盘可到达所有交互点。",{"type":19,"tag":27,"props":56,"children":58},{"id":57},"多媒体支持",[59],{"type":24,"value":57},{"type":19,"tag":33,"props":61,"children":62},{},[63],{"type":19,"tag":37,"props":64,"children":65},{},[66],{"type":24,"value":67},"为视频提供字幕，为图片提供替代文本（alt），并确保动态内容有语音提示或替代信息。",{"type":19,"tag":27,"props":69,"children":71},{"id":70},"自动化检测",[72],{"type":24,"value":70},{"type":19,"tag":33,"props":74,"children":75},{},[76],{"type":19,"tag":37,"props":77,"children":78},{},[79],{"type":24,"value":80},"在生成流程中加入对比度检测与无障碍扫描工具（axe-core），并在编辑器中提供可视化提示。",{"type":19,"tag":82,"props":83,"children":85},"h2",{"id":84},"无障碍评估流程",[86],{"type":24,"value":84},{"type":19,"tag":33,"props":88,"children":89},{},[90],{"type":19,"tag":37,"props":91,"children":92},{},[93],{"type":24,"value":94},"在设计-生成-校验链路中加入自动化扫描（axe、Pa11y）和人工抽查，确保覆盖常见模板与边缘用例。",{"type":19,"tag":82,"props":96,"children":98},{"id":97},"可用性指标建议",[99],{"type":24,"value":97},{"type":19,"tag":33,"props":101,"children":102},{},[103],{"type":19,"tag":37,"props":104,"children":105},{},[106],{"type":24,"value":107},"监控关键页面的可访问性错误率、键盘可达性覆盖率与替代文本缺失率，以衡量生成质量。",{"type":19,"tag":109,"props":110,"children":111},"hr",{},[],{"type":19,"tag":20,"props":113,"children":114},{},[115],{"type":24,"value":116},"相关链接：",{"type":19,"tag":33,"props":118,"children":119},{},[120,130],{"type":19,"tag":37,"props":121,"children":122},{},[123],{"type":19,"tag":124,"props":125,"children":127},"a",{"href":126},"/blog",[128],{"type":24,"value":129},"返回博客分类",{"type":19,"tag":37,"props":131,"children":132},{},[133],{"type":19,"tag":124,"props":134,"children":136},{"href":135},"/blog/topic/multi-agent-system",[137],{"type":24,"value":138},"查看热门话题",{"title":7,"searchDepth":140,"depth":140,"links":141},3,[142,143,144,145,146,148],{"id":29,"depth":140,"text":29},{"id":44,"depth":140,"text":44},{"id":57,"depth":140,"text":57},{"id":70,"depth":140,"text":70},{"id":84,"depth":147,"text":84},2,{"id":97,"depth":147,"text":97},"markdown","content:blog:accessibility-guidelines.md","content","blog/accessibility-guidelines.md","blog/accessibility-guidelines","md",[156,164,172],{"_path":157,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":158,"description":159,"keywords":160,"author":11,"date":12,"category":13,"image":14,"_type":149,"_id":161,"_source":151,"_file":162,"_stem":163,"_extension":154},"/blog/2025-q1-updates","2025 Q1 产品更新","第一季度重大功能发布：AI 生成优化、新模板上线、编辑器增强等","2025 Q1 产品更新, Blog, HTMLPAGE","content:blog:2025-q1-updates.md","blog/2025-q1-updates.md","blog/2025-q1-updates",{"_path":165,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":166,"description":167,"keywords":168,"author":11,"date":12,"category":13,"image":14,"_type":149,"_id":169,"_source":151,"_file":170,"_stem":171,"_extension":154},"/blog/2025-roadmap","2025 产品路线图","展望 2025 年的产品规划：AI 能力增强、模板扩充、国际化等","2025 产品路线图, Blog, HTMLPAGE","content:blog:2025-roadmap.md","blog/2025-roadmap.md","blog/2025-roadmap",{"_path":173,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":174,"description":175,"keywords":176,"author":11,"date":12,"category":13,"image":14,"_type":149,"_id":177,"_source":151,"_file":178,"_stem":179,"_extension":154},"/blog/ab-testing","A/B 测试","通过 A/B 测试验证设计方案","A/B 测试, Blog, HTMLPAGE","content:blog:ab-testing.md","blog/ab-testing.md","blog/ab-testing",1774945277499]