We help a 圣地亚哥 based gourmet grocery store website to become an accessible with WCAG 2.1 AA级标准符合!

We help a 圣地亚哥 based gourmet grocery store website to become an accessible with WCAG 2.1 AA级标准符合!

客户简介:

The client has a local neighborhood gourmet grocery store was founded by a local family with multiple locations in 圣地亚哥 and Riverside. They carry a fantastic selection of organic, natural, and specialty foods at rock bottom prices. They deliberate on taste, ingredients, quality, and price and choose only a handful of items. They find the best products and the best prices.

挑战:

  • The company faced lawsuits and litigation due to glaring accessibility and ADA compliance issues. They wanted to make their website WCAG 2.1 AA ADA complaint as soon as possible.
  • 此外, they wanted to be self-sufficient to change the banners, 每周的广告, 以及网站的内容.
  • The Weekly Ad were been posted as an image and PDF. The content on the image and PDF was inaccessible.
  • The career section contained a form that the user needs to download first and then they can fill it up and submit it. 而不是它, they required a form that was ADA compliant, and whenever user submits the form, they will get a printable version of an ADA compliant PDF.
  • The career form was added as a PDF, which cannot be filled and submitted by visually challenged people.
  • They had Instagram feeds and Google Maps integration in a way that was partially accessible. The Google Maps integration was there for their store locator. In that, form inputs do not have an associated text label.
  • There were no captions added to the embedded YouTube videos.
  • 在联系人页面, they have used checkboxes to make forms collapsible which was making it inaccessible.
  • There were few PDF documents which were linked with pages. Unless authored with accessibility in mind, PDF documents often have accessibility issues.
行业

多地点杂货店

项目的规模

Medium

服务
  • Automated and Manual Website 可访问性审计
  • ADA网页无障碍 Implementation
  • ADA website accessibility consulting
  • ADA web accessibility remediation and support
平台

WordPress

下载个案研究
网站易访问性审核
Wcag级标准兼容

我们的方法和解决方案:

最初, we conducted a website accessibility automated and manual audit to check the conformance of the website with W3C’s Web Content Accessibility Guidelines (WCAG).

The standard level target for their website was WCAG 2.1 AA级. 主要的挑战是, although there were number of critical errors in respect to compliance; the website did not pass the AA standard criteria. Based on the initial evaluation, a few guidelines were failed from WCAG 2.1级AA.

We have prioritized page structure, alternative texts, forms, etc. for addressing inaccessible features of their website.

每周广告版面, we have set up a custom dynamic ADA compliant application in the backend; so, they can change it frequently by themselves in a way that is accessible to people with disabilities.

The client had opted to remove YouTube Videos and Google Map Integration from website to ensure that the website is accessible.

We provided them with a detailed ADA web accessibility evaluation / audit report in a variety of testing environments on many browsers. 此外, 我们的设计师团队, 开发人员, and project manager have taken a part in both the training and informal consultations hosted during their accessibility program.

Once we were done with Custom ADA Remediation service for WCAG 2.1符合AA标准, we ensure their ADA Attorney review Compliance Remediation reports and give consent to go live with New ADA兼容 website.

Using our entire suite of services including ADA web accessibility audit, Custom ADA web accessibility remediation and support, and consulting; our client was able to transform their website to ADA WCAG兼容.

评估和验证工具

WAVE，谷歌灯塔

手动检查

  • Evaluating color contrast: A11Y color contrast accessibility validator.
  • Evaluating black and white contrast: Grayscale Black and white (Google Chrome extension)
  • Evaluating if the website is accessible by keyboard and looking for the keyboard traps.
  • Listening to the website with the screen reader: NVDA (NonVisual Desktop Access), iPhone VoiceOver.

Result

With all the design and web accessibility best practices, we have made their website ADA WCAG 2.1 AA level compliant and ensure in order to be compliant they follow ADA WCAG 2.1 AA best practices for website updates and future changes.

Related ADA网页无障碍 案例研究

公共卫生网站改版

Custom WordPress Fully ADA WCAG 2.符合AA标准的网站 development

We help an Athens, Georgia Public Health organization with a WCAG 2.符合AA标准的网站!