i
i
我们很荣幸能与来自迪特曼斯里德的Schötz工程公司合作,重新设计他们的网站。该公司成立于1959年,迄今已成功完成了2500多个项目。它专注于供暖、通风、卫生、电气、楼宇自动化、能源咨询和技术消防等多个领域。
规划与概念
设计
重新发布
我们的任务是重新设计该公司的网站,打造一个更现代、更友好的形象,提供最佳的用户导航和吸引人的内容呈现。KAOS 在客户现场组织了拍摄,并为网站撰写了符合客户需求的新文案。
我们与 Ingenieurbüro Schötz 团队紧密合作,经历了详细的概念阶段,并根据公司的企业形象设计了屏幕设计。该网站最终使用 CMS Contao 进行编程,以创建一个用户友好且易于维护的平台。
我们非常愉快地与 Ingenieurbüro Schötz 合作,他们致力于重新推出他们的网站。我们很自豪能够为该公司创建一个现代化且有吸引力的平台,为他们的客户提供更好的在线体验。
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
