i
Ulrich 有限公司为食品、制药和化妆品领域的关键行业分销各种原材料，这些原材料来自世界各地。由于该领域的国际竞争日益激烈，Ulrich 希望建立一个新的、强调用户友好型的多语言 B2B 网站，该网站能够快速方便地引导客户找到所需产品，并提供所有重要的产品信息。订购过程应尽可能简单。
规划与概念
网页设计
内容管理系统
扩展开发
我们首先通过一次现状评估审计以及例行的规划研讨会来启动项目。在此过程中很快便明确，我们面对的是两个截然不同的目标群体，二者都需要得到相应的针对性沟通：采购部门以及产品专家。为此我们设置了多个独立的入口——一方面通过“行业”，另一方面通过“产品”。两者最终都通向同一套产品系列，以清晰的列表形式汇总呈现。
此外，我们还额外实现了一个快速搜索功能作为特别亮点，可将采购人员直接引导至所需产品。只需在搜索框中输入所谓的 CAS 编号、INCI 名称或产品名称——所有相关的产品信息便立即呈现在眼前。
对于目标群体而言另一个非常重要的功能是“次日达功能”。该功能会在相应产品旁直接提示，该产品是否可隔夜送达。
最终成果是一个格外清晰且信息丰富的网站，为现有目标群体提供最高水平的服务与便捷体验。
KAOS 广告公司
我们坚信互联网应当对任何人开放且可访问，并致力于提供一个尽可能广泛受众均可访问的网站，无论其处境与能力如何。
为实现这一目标，我们力求尽可能严格地遵循万维网联盟（W3C）的《网页内容无障碍指南2.1》（WCAG 2.1）AA级别标准。这些指南阐述了如何使网页内容对各种残障人士均可访问。遵守这些指南有助于我们确保网站对所有人都可访问：盲人、行动障碍人士、视力障碍人士、认知障碍人士等。
本网站采用多种技术，旨在尽可能确保网站始终具备无障碍访问能力。我们使用无障碍界面，使有特定障碍的人士能够调整网站的用户界面（UI），并根据其个人需求进行设计。
此外，本网站采用了一款基于AI的应用程序，该程序在后台运行并持续优化其无障碍水平。此应用程序会修正网站的HTML，为盲人用户使用的屏幕阅读器以及行动障碍人士使用的键盘功能调整其功能与行为。
If you’ve found a malfunction or have ideas for improvement, we’ll be happy to hear from you. You can reach out to the website’s operators by using the following email info@kaos.de
我们的网站采用了 ARIA 属性（无障碍富互联网应用）技术，并配合多种不同的行为调整，以确保使用屏幕阅读器访问的盲人用户能够阅读、理解并顺畅使用网站的各项功能。使用屏幕阅读器的用户一进入您的网站，就会立即收到进入屏幕阅读器配置文件的提示，从而能够高效地浏览和操作您的网站。以下是我们网站如何满足一些最重要的屏幕阅读器要求，并附有代码示例的控制台截图：
屏幕阅读器优化： 我们运行一个后台进程，自上而下地学习网站的各个组件，以确保即使在更新网站时也能持续保持合规。在此过程中，我们使用 ARIA 属性集为屏幕阅读器提供有意义的数据。例如，我们提供准确的表单标签；可操作图标（社交媒体图标、搜索图标、购物车图标等）的描述；表单输入的验证指导；按钮、菜单、模态对话框（弹出窗口）等元素的角色。此外，后台进程会扫描网站的所有图像，并为未加描述的图像提供基于图像对象识别的准确且有意义的描述，作为 ALT（替代文本）标签。它还会使用 OCR（光学字符识别）技术提取嵌入图像中的文本。用户只需按下 Alt+1 键盘组合键，即可随时开启屏幕阅读器调整功能。屏幕阅读器用户一进入网站，还会自动收到开启屏幕阅读器模式的提示。
这些调整与所有主流屏幕阅读器兼容，包括 JAWS 和 NVDA。
键盘导航优化：后台进程还会调整网站的 HTML，并通过 JavaScript 代码添加各种行为，使网站可通过键盘操作。这包括使用 Tab 和 Shift+Tab 键浏览网站、使用方向键操作下拉菜单并用 Esc 键关闭、使用 Enter 键触发按钮和链接、使用方向键在单选按钮和复选框元素之间导航，以及使用空格键或 Enter 键进行填写。此外，键盘用户还可以随时通过按 Alt+1 调出快速导航和内容跳转菜单，或在使用键盘导航时将其作为网站的首批元素找到。后台进程还会处理触发的弹出窗口，在弹出窗口一出现时将键盘焦点移向其中，并防止焦点移出该窗口。
用户还可以使用快捷键，例如“M”（菜单）、“H”（标题）、“F”（表单）、“B”（按钮）和“G”（图形）来跳转到特定元素。
我们的目标是尽可能支持最广泛的浏览器和辅助技术，以便用户能够选择最适合自己的工具，并尽可能减少限制。因此，我们付出了极大的努力，以支持所有占据用户市场份额超过95%的主要系统，包括Google Chrome、Mozilla Firefox、Apple Safari、Opera和Microsoft Edge，以及JAWS和NVDA（屏幕阅读器）。
Despite our very best efforts to allow anybody to adjust the website to their needs. There may still be pages or sections that are not fully accessible, are in the process of becoming accessible, or are lacking an adequate technological solution to make them accessible. Still, we are continually improving our accessibility, adding, updating and improving its options and features, and developing and adopting new technologies. All this is meant to reach the optimal level of accessibility, following technological advancements. For any assistance, please reach out to info@kaos.de
