Web无障碍诊断与改进支持

不止于诊断,我们还将陪伴您完成实际落地!
Web无障碍诊断服务
IAAP Organization Member / 拥有WAS资格的成员

由专家进行人工诊断,并提供熟悉制作现场的改善建议

Liberogic提供从Web无障碍诊断、改善方案提示、修复实现、复测到检测结果文档化的一站式服务。

我们以WAS资格持有者为核心的团队开展诊断与改善工作,并可根据需要使用VPAT制作ACR(Accessibility Conformance Report,无障碍合规报告)。

  1. 诊断
  2. 改善与实施
  3. 复诊断

由熟悉设计与制作流程的专家为您提供诊断与改进支持

凭借设计与前端实现的经验,我们不仅会指出发现的问题,还会具体说明如何修复。我们将使用键盘和屏幕阅读器,实际检验使用体验,并与您一起探讨可在制作现场落实的改进方案。

二俣 歩
二俣 歩

Liberogic Inc. CAO(Chief Accessibility Officer)
IAAP认证 网络无障碍专家(WAS)

注:Liberogic Inc. 是 IAAP(国际无障碍专业人员协会)的组织会员。

网页无障碍诊断

专家将实际操作网站,依据 WCAG 2.2 的 A 级与 AA 级成功标准进行评估。

Liberogic 的人工诊断中,专家将使用键盘和屏幕阅读器实际操作页面,并确认以下项目。

  • 仅使用键盘能否完成操作
  • 焦点的移动与显示是否恰当
  • 屏幕阅读器能否准确传达信息
  • 替代文本是否与内容相符
  • 表单标签和错误提示能否被理解
  • 动态状态变化能否同样传达给辅助技术

对于检测到的问题,我们会整理出相关位置、达标标准及改进方向,并在下方的 Lente Audit 中推进从修正到复查的全过程。

专家人工诊断

Lente Audit

在专属工作区中,可随时查看诊断状态

委托我们后,将为您在 Lente Audit 中开设专属工作区。无论诊断进行中还是完成后,都可以在同一位置查看状况。

Lente Audit 的检查对象页面与达标标准一览界面

随时掌握进度

可实时查看诊断进展以及各页面的状态。无需等待报告交付,即可从已发现的问题开始逐项处理。

按问题管理修正进度

问题将按诊断结果、改进方案和位置进行整理后汇报。修复进度可与诊断人员共享,并可通过评论提问或报告修复情况。无需通过邮件往返传送文件。

可随时下载交付成果

已发布的证书和报告可随时从工作区下载。重新诊断更新判定结果后,将发布新版本。

检测证书、报告、VPAT / ACR

无障碍合规仅凭“已完成对应”的说明,第三方无法确认其具体内容和范围。Liberogic 可根据诊断目的或提交对象,将检测结果整理为正式文档。文档可以中文或英文发布。

Web 无障碍检测证书的屏幕截图

Web 无障碍检测证书

针对已实施的无障碍检测,我们将发布检测证书,其中包含检测范围、评估标准及检测实施信息等内容。

查看示例
WCAG 达标情况报告的屏幕截图

达成情况报告

这是一份按页面整理 WCAG 各成功标准评估结果的报告,可用于确认哪些项目已满足、哪些问题仍有残留。

查看示例
VPAT / ACR 的屏幕截图

VPAT / ACR

基于海外企业交易及ICT产品·服务采购中使用的VPAT®,制作ACR(Accessibility Conformance Report,无障碍合规性报告)。除WCAG版本外,还支持美国Section 508版、欧盟(EN 301 549)版以及国际(INT)版。

除网站外,也可就Web应用程序及Web服务进行咨询。

查看示例

人工诊断服务的内容与价格

价格取决于目标页面(画面)数量以及各画面的复杂程度。

价格参考

企业官网约10页,30万日元起(不含税)

  • 依据 WCAG 2.2 A・AA 标准进行评估
  • 以WAS使用者为中心的人工诊断
  • 使用键盘等进行实际操作确认
  • 使用VoiceOver·NVDA进行实际操作确认
  • 问题所在及改进方法
  • 修正后的复查
  • Web 无障碍检测证书
  • WCAG 达成情况报告
  • 无障碍政策制定支持
※ 费用因页面数、画面数、网站及 Web 应用的结构以及诊断范围而异。 ※ VPAT / ACR 的制作将根据对象和用途另行报价。

如果您想先免费确认现状,请使用我们自主开发的自动诊断工具 Lente Scan。

Web 无障碍诊断流程

  • 1
    需求调研

    我们将确认目标网站或服务、无障碍改造的目的,以及希望遵循的标准和时间安排。

  • 2
    诊断范围与报价

    我们将确认网站的页面结构和功能,并确定诊断对象页面、画面及评估标准。

  • 3
    Web 无障碍诊断

    以 WCAG 2.2 的 A 级和 AA 级达成标准为核心,由专家进行人工诊断。

  • 4
    提供改进方案

    针对检测到的问题,我们将提供具体的改进方法。

  • 5
    再次诊断

    将再次检查修正后的页面,验证其是否满足相应的达成标准。

  • 6
    证书、报告与政策制定支持

    整理诊断结果,出具 Web 无障碍检测证书和达标情况报告。同时提供无障碍政策制定支持。

    Web 无障碍改进与实施

    不止于诊断,还要帮您落实改进。

    即使无障碍诊断发现了问题,如果不知道该如何修正,也无法真正落实改进。

    Liberogic 是一家制作与开发公司,日常从事网站及 Web 应用的设计、视觉设计和前端开发。

    基于诊断结果,在考虑对现有设计和系统影响的同时,为您提出可落地实施的改进方案。

    我们不仅提供修复方案,还可以由 Liberogic 负责实施,并在修复后进行重新诊断,全程一站式支持。

    语义化文档结构设计

    按照语义正确地使用 HTML 实现标题、地标区域、链接和表单等元素,改善结构,使屏幕阅读器等辅助技术也能轻松理解。

    配色与对比度的应对

    依据 WCAG 的成功标准,检查文本及 UI 组件的对比度。

    包括不依赖颜色传递信息的信息设计在内,改善 UI,使其更易看清、更易理解。

    键盘操作的应对

    检查并改善焦点顺序、焦点显示及键盘操作,确保无需鼠标也能操作主要功能。

    屏幕阅读器的应对

    通过恰当实现替代文本、标签、状态通知以及 WAI-ARIA 等,即使使用辅助技术,也能准确传达信息和操作内容,从而不断改进。

    表单与动态 UI 的支持

    同时检查输入表单、错误提示、模态框、标签页、手风琴等涉及交互操作的 UI。

    不仅关注外观,还会实现并验证可通过键盘和辅助技术使用的状态。

    打造易读、易懂的内容

    在 Web 无障碍中,不仅要让用户能够操作,信息本身也需要易于理解。

    我们还会关注文章长度、表达方式和专业术语等,协助打造能够让更多用户读懂的内容。

    Web 无障碍的发展环境

    Web 无障碍的相关标准与评估方法,会随着 Web 及数字服务的变化而持续更新。

    WCAG 2.2 与 JIS X 8341-3 的修订

    现行的 JIS X 8341-3:2016 以与 WCAG 2.0 内容相同的国际标准 ISO/IEC 40500:2012 为基础制定。

    此后,W3C 对指南进行了更新,推出了 WCAG 2.1 和 WCAG 2.2。2025 年 9 月,国际标准 ISO/IEC 40500 也完成修订,内容与 WCAG 2.2 保持一致。

    在此背景下,日本也正在推进修订工作,计划使 JIS X 8341-3 与 ISO/IEC 40500:2025 保持一致。

    Liberogic 不仅支持现行 JIS 标准,还以 WCAG 2.2 的 A 级和 AA 级为基准,开展诊断与改善工作。

    海外的无障碍要求与 WCAG 3.0

    面向海外的网站和网络服务,除 WCAG 外,还需根据地区和采购条件满足无障碍要求,例如美国的 Section 508 以及欧洲的 EN 301 549。

    在与海外企业交易或进行 ICT 采购时,有时也会要求提交 VPAT / ACR,以说明无障碍支持情况。

    此外,W3C 也在推进 “WCAG 3.0” 的制定工作,它是 WCAG 2.x 系列的下一代标准。

    WCAG 3.0 并非对 WCAG 2.x 的简单更新,而是作为新的指南进行研讨,其中包括评估方法和合规的思路。

    目前仍在制定之中,其设想的适用范围更广,涵盖 Web 应用程序和移动端等多样化的数字环境。

    Liberogic 以当前的 WCAG 2.2 为基础开展无障碍适配,同时持续关注海外无障碍要求以及包括 WCAG 3.0 在内的后续标准化动向。

    助力日常无障碍改进的工具

    除诊断服务外,我们还自主开发并公开了多款工具,用于在网站制作与运营过程中确认无障碍性。

    Lente Scan

    只需输入 URL,即可自动诊断网站的无障碍性。

    Lente Scan 是一款结合 axe-core 与自主研发的诊断引擎「Lente Detect」的网站无障碍自动诊断工具。
    它不仅能检测出可通过机器识别的问题,还会列出无法由自动化判断、需要人工确认的项目。
    免费使用,无需注册。

    ※ 仅凭自动诊断无法判定网站是否符合无障碍标准。准确评估需要进行人工诊断。

    可在制作与运营中使用的 Chrome 扩展程序

    查看 Chrome 扩展程序

    Liberogic 在实际的网站制作和无障碍诊断工作中积累经验,并将由此开发的 Chrome 扩展程序免费公开。

    Chrome 扩展程序

    Area Contrast Checker

    请选择网页中需要检查的区域,并根据实际显示的像素检查前景色与背景色之间的对比度。

    也可用于图片、渐变等仅凭 CSS 数值难以判断的样式。

    Chrome 扩展程序

    Area Flash Checker

    选择需要检查的区域,等待几秒钟,即可根据实际渲染结果分析闪烁的次数和面积,并依据 WCAG 的闪光标准(2.3.1、2.3.2)进行判定。
    您可以直接在页面上检查正在运动的内容。

    Chrome 扩展程序

    A11y Navigation Auditor

    在侧边栏中整理标题、链接、地标以及 ARIA 等网页结构。

    在俯瞰整个页面结构的同时,检查无障碍访问方面的问题。

    Chrome 扩展程序

    简易日语 & 可读性诊断

    针对网页文本,根据生僻词汇、长句以及汉字比例等进行可读性诊断。

    协助改进日语表达,使信息更易于理解。

    请咨询网页无障碍(Web Accessibility)相关事宜

    网页无障碍的推进方式,会因网站或服务的不同而有所差异。

    “首先想了解目前的现状”
    “希望推进 WCAG 2.2 AA 合规”
    “希望委托无障碍诊断”
    “希望修复诊断出的问题”
    “需要检测证明或报告”
    “海外合作方要求提供 VPAT / ACR”

    无论处于哪个阶段,都欢迎向我们咨询。

    请告诉我们您希望推进的网站或服务,以及目前面临的困扰。

    在网页无障碍方面是否遇到困难?

    案例分析