我们帮助一个基于圣地亚哥的美食杂货店网站成为一个可访问的WCAG 2.1 AA级标准符合!

The client brief:

客户在当地社区有一家美食杂货店，由当地家庭在圣地亚哥和河滨市拥有多家分店. 他们以最低的价格提供有机、天然和特色食品的精选. 他们会仔细考虑口味、配料、质量和价格，只选择少数几样东西. 他们找到最好的产品和最优惠的价格.

Challenges:

由于明显的可访问性和ADA合规问题，该公司面临诉讼和诉讼. 他们想把自己的网站改成WCAG 2.尽快回复AA ADA投诉.
Moreover, 他们想要自给自足地更换横幅, Weekly Ads, and content from the website.
每周广告以图片和PDF格式发布. 图像和PDF上的内容无法访问.
职业部分包含一个表单，用户需要先下载这个表单，然后填写并提交. Instead of it, 他们需要一份符合美国残疾人法的表格, 当用户提交表单时, 他们将得到一份符合ADA标准的PDF文件的可打印版本.
职业表格以PDF格式添加, 哪些是视力障碍人士不能填写和提交的.
他们以一种部分可访问的方式整合了Instagram动态和谷歌地图. 谷歌地图集成是为了他们的商店定位器. 在这种情况下，表单输入没有关联的文本标签.
嵌入的YouTube视频没有添加字幕.
On the Contact page, 他们使用复选框使表单可折叠，这使得它无法访问.
有页面链接的PDF文档很少. 除非在撰写时考虑到可访问性，否则PDF文档通常存在可访问性问题.

Industry

多地点杂货店

Project Size

Medium

Services

自动和手动网站可访问性审计
ADA无障碍网页实施
ADA网站无障碍咨询
ADA网站可访问性修复和支持

Platform

WordPress

Download Case Study

Our Approach and Solution:

Initially, 我们进行了网站可访问性自动和手动审计，以检查网站是否符合W3C的Web内容可访问性指南(WCAG)。.

他们网站的标准级别目标是WCAG 2.1 Level AA. The main challenge was, although there were number of critical errors in respect to compliance; the website did not pass the AA standard criteria. 根据最初的评估，WCAG 2的一些指导方针失败了.1 level AA.

我们已经优先考虑了页面结构、替代文本、表单等. 解决他们的网站无法访问的功能.

For the Weekly Ads section, we have set up a custom dynamic ADA compliant application in the backend; so, 他们可以经常自行更改，以方便残疾人使用.

客户选择从网站上删除YouTube视频和谷歌地图集成，以确保网站是可访问的.

我们向他们提供了一份详细的ADA网站可访问性评估/审计报告，该报告在许多浏览器的各种测试环境中进行. Moreover, our team of designers, developers, 项目经理参加了无障碍项目期间举办的培训和非正式磋商.

一旦我们完成了WCAG 2的自定义ADA修复服务.1 AA Standard Compliance, 我们确保他们的《pg电子竞技》律师审查合规补救报告，并同意使用新的《pg电子竞技》合规网站.

使用我们的全套服务，包括ADA网站可访问性审计, 自定义ADA网站可访问性修复和支持, and consulting; our client was able to transform their website to ADA WCAG Compliant.

评估和验证工具

WAVE, Google Lighthouse

Manual Review

评估颜色对比度:A11Y颜色对比度可访问性验证器.
评估黑白对比:灰度黑白(Google Chrome扩展)
评估网站是否可以通过键盘访问，并寻找键盘陷阱.
用屏幕阅读器听网站:NVDA(非视觉桌面访问)，iPhone VoiceOver.

Result

所有的设计和网页可访问性的最佳做法，我们已经使他们的网站ADA WCAG 2.符合AA标准，并确保符合ADA WCAG 2.AA网站更新和未来变更的最佳实践.