harborandpine.example

概览

在 6 个领域（5 个页面）中：18 个问题、6 项待检查、7 个优化机会。

问题

18

待确认

6

优化机会

7

通过

44

按优先级划分的问题：11 个高、5 个中、1 个低。

• 问题按钮必须有可辨识的文本无障碍
• 问题图像必须有替代文本无障碍
• 问题表单元素必须有标签无障碍
• 问题select 元素必须有一个可访问的名称无障碍
• 问题链接必须有可辨识的文本无障碍
• 问题元素必须满足最小颜色对比度比率阈值无障碍
• 问题未满足 EN 301 549 9.1.1.1（WCAG 1.1.1 非文本内容）EAA 就绪评估
• 问题未满足 EN 301 549 9.1.4.3（WCAG 1.4.3 对比度（最低））EAA 就绪评估
• 问题未满足 EN 301 549 9.2.4.4（WCAG 2.4.4 链接目的（上下文中））EAA 就绪评估
• 问题未满足 EN 301 549 9.4.1.2（WCAG 4.1.2 名称、角色、值）EAA 就绪评估
• 问题HTTPS 页面上有不安全的（HTTP）资源安全
• 问题没有可用的 XML 站点地图SEO
• 问题缺少元描述的页面SEO
• 问题缺少产品结构化数据的产品页SEO
• 问题存在已知漏洞的过时 JavaScript 库安全
• 问题没有 Secure 标志的 Cookie安全
• 问题图片缺少 alt 文本SEO
• 待确认主图被延迟加载速度
• 待确认图片比所需的更大速度
• 待确认自动化测试无法判定的项目EAA 就绪评估
• 待确认可被脚本读取的类似会话的 Cookie安全
• 待确认缺少规范链接的页面SEO
• 优化机会产品页上没有评价转化
• 优化机会页脚中缺少政策链接转化
• 优化机会首页上没有 Organization 或 WebSite 结构化数据SEO
• 优化机会缺少社交分享标签SEO
• 优化机会产品图片较少转化
• 优化机会店铺没有搜索功能转化
• 优化机会没有 security.txt安全

本次免费扫描涵盖的内容

律师函中的指控与我们的发现对比

引用了 Title III、Americans with Disabilities Act。 提及的金额：$12,500。 这是事实比对，不是法律意见。

• “Images lack alternative text, so product photos are not described.”

  缺少替代文本的图片. 在所测的 5 个页面中，有 3 个页面出现，共 10 个实例。

  已复现

• “Text has insufficient color contrast against its background, including sale badges and prices.”

  颜色对比度不足. 在所测的 5 个页面中，有 5 个页面出现，共 16 个实例。

  已复现

• “The website cannot be navigated using a keyboard alone.”

  键盘访问和焦点. 键盘焦点被困在 Cookie 横幅中。

  已复现

• “Form fields do not have labels, including the newsletter sign-up and the quantity fields in the cart.”

  表单字段缺少标签. 在所测的 5 个页面中，有 3 个页面出现，共 4 个实例。

  已复现

• “Product videos do not have captions.”

  视频和音频字幕. 自动化扫描无法判定字幕。请检查每个产品视频或品牌视频是否有准确的字幕和文字记录。

  需人工检查

• “Our client is legally blind and uses screen reader software.”

  其他问题. 这是一种笼统的说法。请用 VoiceOver 或 NVDA 等屏幕阅读器测试关键流程（搜索、产品页、加入购物车、结账）。

  需人工检查

主要无障碍问题

按严重程度和影响范围排序。无障碍修复报告会说明如何在 Shopify 上逐一修复。

• 关键WCAG 4.1.2

  按钮必须有可辨识的文本

  在 5 个页面中的 5 个上出现 13 个实例 · 4.1.2 名称、角色、值

  

  显示示例元素

  <button type="button"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"></circle><path d="M20 20l-3.5-3.5"></path></svg></button>

• 关键WCAG 1.1.1

  图像必须有替代文本

  在 5 个页面中的 3 个上出现 10 个实例 · 1.1.1 非文本内容

  

  显示示例元素

  <img src="/img/hero-photo.jpg" loading="lazy">

• 关键WCAG 4.1.2

  表单元素必须有标签

  在 5 个页面中的 2 个上出现 3 个实例 · 4.1.2 名称、角色、值

  

  显示示例元素

  <input type="number" value="1" min="1">

• 关键WCAG 4.1.2

  select 元素必须有一个可访问的名称

  在 5 个页面中的 1 个上出现 1 个实例 · 4.1.2 名称、角色、值

  

  显示示例元素

  <select><option>Featured</option><option>Price, low to high</option><option>Price, high to low</option></select>

• 严重WCAG 2.4.4WCAG 4.1.2

  链接必须有可辨识的文本

  在 5 个页面中的 5 个上出现 20 个实例 · 2.4.4 链接目的（上下文中）, 4.1.2 名称、角色、值

  

  显示示例元素

  <a href="/cart"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 4h2l2.4 11h11l2-8H6.5"></path><circle cx="9" cy="20" r="1.5"></circle><circle cx="18" cy="20" r="1.5"></circle></svg></a>

• 严重WCAG 1.4.3

  元素必须满足最小颜色对比度比率阈值

  在 5 个页面中的 5 个上出现 16 个实例 · 1.4.3 对比度（最低）

  

  显示示例元素

  <div class="announce">Free shipping on orders over $75 · Easy 30-day returns</div>