进阶 woocommerce.com 2026-10-12 01:47:50 · 27 阅读

第20章 WooCommerce 无障碍声明:WCAG 合规与优化实践

Woo 的无障碍
承诺 欢迎来到这里——这里是关于 WooCommerce.com、官方 Marketplace 以及 WooCommerce 核心插件无障碍信息的集中资源。 目录 在这里,你可以找到无障碍声明、合规报告、最佳实践和相关资源,帮助你构建并维护无障碍的在线商店。 我们对无障碍的长期承诺 无障碍标准与合规 WooCommerce.com 无障碍 无障碍合规报告 WooCommerce 核心插件的无障碍 WooCommerce 扩展的无障碍 构建无障碍的 WooCommerce 商店 更多资源 报告无障碍问题 我们致力于让 WooCommerce 对每个人都更加无障碍。如果你遇到无障碍问题,请联系支持团队或给我们发送邮件。 给我们发邮件 对无障碍的
长期承诺 我们承诺按照 WordPress 无障碍标准构建现代软件,让任何人都能更轻松地使用 WooCommerce。 WordPress 无障碍标准 无障碍标准
与合规 WooCommerce 采用国际公认的无障碍标准——Web Content Accessibility Guidelines(WCAG),作为衡量我们网站和插件/扩展无障碍水平的基准。 了解更多 WooCommerce.com accessibility 《Web 内容无障碍指南》(WCAG)为设计师和开发者制定了提升残障人士使用体验的要求。该标准定义了三个合规等级:A 级、AA 级和 AAA 级。WooCommerce.com 的购买流程符合 WCAG 2.1 AA 级标准。达到这些标准同时也满足欧洲标准 EN 301 549。 无障碍功能 除了购买体验外,WooCommerce.com 网站的其他部分部分符合 WCAG 2.1 AA 级标准——这意味着某些内容尚未完全达到无障碍规范。 我们网站包含以下无障碍功能: * 可读性良好的字号和字体样式。 * 规范的标题结构,便于导航。 * 全站支持键盘操作。 * 图片配有替代文本(alt text)。 * 足够的颜色对比度。 我们的无障碍理念 Automattic 通过以下方式确保 WooCommerce.com 对所有用户友好: * 将无障碍要求纳入内部政策。 * 为员工提供持续的无障碍培训。 * 采用正式的无障碍质量保证方法。 * 进行外部无障碍合规性评估。 技术实现 WooCommerce.com 的无障碍功能依赖于以下技术: * 超文本标记语言(HTML) * 可访问的富互联网应用程序套件(WAI-ARIA) * 层叠样式表(CSS) * JavaScript 已知局限 WooCommerce.com 的以下区域可能存在图片缺少替代文本、链接文本不规范或标题结构不符合标准的问题: * 用户评论。 * 使用第三方软件托管的内容。 * 2023 年 1 月之前创建的博文、页面和产品内容。 Core WooCommerce
插件的无障碍设计 WooCommerce 核心插件的前端在较大程度上符合 WCAG 2.2 AA 和 AAA 级标准。关于该插件无障碍功能的更多细节,请参阅此处说明。 2024 年,WooCommerce 聘请了无障碍领域的专家团队 Equalize Digital,对包括块、短代码和模板在内的所有前端组件进行了全面审查。目前正在处理已发现的问题,以确保完全符合 WCAG 2.2 AA 标准。 尽管 WooCommerce 的管理后台在设计时就考虑了无障碍需求,但可能仍存在一些问题。如果您在使用辅助技术编辑商店时遇到困难,请通过上述方式联系我们。 Accessibility
合规报告 WooCommerce 核心插件 Accommodations Bookings All Products for WooCommerce Subscriptions Australia Post 配送方式 AutomateWoo for WooCommerce AutomateWoo - 生日插件 AutomateWoo - 推荐有礼 Back in Stock Notifications Box Office Canada Post 配送方式 Composite Products Conditional Shipping and Payments for WooCommerce 扩展 Deposits EU VAT Number for WooCommerce 无障碍合规报告 FedEx 配送方式 Flat Rate Box Shipping for WooCommerce Gift Cards Gifting for WooCommerce Subscriptions Min/Max Quantities for WooCommerce 扩展 Payfast Payment Gateway for WooCommerce PayPal Braintree for WooCommerce Per Product Shipping for WooCommerce Pinterest for WooCommerce Product Add-ons Product Bundles Product Recommendations Product Vendors Royal Mail 配送方式 Square for WooCommerce Stripe Extension for WooCommerce Subscription Downloads Table Rate Shipping UPS 配送方式 USPS 配送方式 WooCommerce Bookings WooCommerce Bookings Availability WooCommerce Distance Rate Shipping WooCommerce Order Barcodes WooCommerce Payments WooCommerce Pre-orders WooCommerce Shipping WooCommerce Subscriptions 打造无障碍的
WooCommerce 商店 确保 WooCommerce 商店的无障碍性对所有人都有益,还能帮助你满足《欧洲无障碍法案》等法律要求(2025 年 6 月起必须合规)。我们建议咨询律师,确保你的商店符合该法案的规定。 以上列表并不完整,也不构成法律建议。更详细的指引请查阅无障碍最佳实践以及我们在电商领域的网络无障碍指南。 以下是提升商店无障碍性的一些技巧: 1. WooCommerce 专属
可访问性方面的注意事项 使用清晰的产品标题和描述。 为所有结账字段添加表单标签。 确保错误提示清晰,并包含建议的解决方案。 使用屏幕阅读器测试你的购物车和结账流程。 考虑仅使用键盘完成整个购买流程的导航。 2. 店铺设计 使用响应式、支持无障碍功能的 WordPress 主题。 保持足够的颜色对比度(至少 4.5:1)。 确保键盘导航在你的店铺中全局有效。 为所有产品图片添加描述性的替代文本(alt text)。 使用正确的标题层级(H1, H2 等)组织内容。 3. 可访问性测试 使用自动化工具(如 WAVE)进行初步扫描。 测试仅使用键盘的导航功能。 使用 NVDA 或 VoiceOver 等屏幕阅读器进行测试。 考虑由合格的专业人士进行可访问性审计。 更多资源 我们致力于持续改进,感谢你在我们打造更具包容性的电商体验过程中提供的反馈。本页面声明和报告的最后更新日期为 2025 年 4 月 1 日。 需要帮助让你的 WooCommerce 店铺具备可访问性吗? 在我们的 Woo Agency Partners 目录中找到专注于可访问性的开发者。 WooCommerce 社区 Slack 加入我们的社区,与 25,000 多名 WooCommerce 开发者一起交流。 加入 WooCommerce Slack WordPress 社区 Slack WordPress 项目使用 Slack 作为主要的实时沟通平台,取代了之前如 IRC 等平台。 加入 WordPress Slack WordPress 可访问性线下见面会 参加关于让 WordPress 网站具备可访问性的虚拟见面会,提供实时字幕。 了解更多 WordPress 可访问性日 这场免费的线上活动提供为期 24 小时的单场次演讲。观看通过 Zoom 进行的直播讲座,配备实时字幕和美国手语(ASL)翻译。 了解更多 30 天退款保证 全球各地的支持团队 安全且有保障的在线支付

评论 (0)