视频咨询、数字病历、电子处方、DiGA——德国医疗保健系统似乎正在发生一些变化。缓慢但肯定。反正。我们与你同行。在 Handelskraft Digital.Business.Talk 的最新一集中。让我们和医生兼创始人Dr. 谈谈。医学。 Nadine Rohloff 谈论医疗保健行业数字化发展和服务的机遇和挑战。
无障碍前端开发：您的商店系统的可能性
无障碍网站是法律。至少从 2025 年 6 月 28 日起，因为《无障碍强化法案》将于那时生效。 因此，如果您的在线商店尚未可供所有用户访问，您的开发团队仍有大量工作要做。当然，他们并不是靠自己。众多电子商务系统不断发布新的更新，使您作为系统用户更容易满足可访问性标准。 在本文中，您将了解 Shopify 和 Shopware 6 已经为无障碍 Web 开发提供的解决方案的基础以及提供商未来追求的目标。 这些选项应该是您的路线图不可或缺的一部分。您可以在这里了解如何制定有针对性的路线图以及您自己应该采取哪些措施。 3步打造无障碍网店 通过 Adobe Commerce 访问网站 通过 Salesforce Commerce Cloud 访问网站 通过 SAP Commerce Cloud 访问网站 带有商务工具的可访问网站 Intershop 无障碍网站 通过 Shopify 访问网站 使用 Shopware 6 访问网站 无障碍的 Web 开发带来积极的用户体验：成功案例 3步打造无障碍网店 距离6月28日，时间已经不多了。
巴西是世界上最大的经济体之一。经济数据是指一国、贸易 巴西数据 逆差、进出口、通货膨胀和投资等信息。这些数据对于国际企业和投资者来说非常重要。巴西人口超过 2000 万，是世界上人口最多的国家之一。人口和社会数据侧重于巴西的教育、医疗保健、就业和贫困。这些数据对国家社会发展和政府政策决策发挥作用。
然而，这并不是恐慌的理由。相反。在自己对网站进行任何调整之前创建路线图。这应该包括您的电子商务解决方案提供商针对无障碍 Web 开发的更新。只有这样，您才能确定您的开发或内容团队需要独立采取的措施。 第 1 步：更新您的系统 您的前端是由商务系统提供的吗？它在很大程度上符合标准吗？然后首先检查当前版本是否可用或待定。如果它包含有关辅助功能的更新，请务必将其包含在您的时间表中。 如果你使用其他厂商的前端框架、插件或模块，情况类似。了解是否有针对无障碍 Web 开发的任何更新。如果插件不存在或没有计划更新，您可以将其替换为其他解决方案或调整框架。 如果您在前端对系统进行了大量调整，而没有关注可访问性方面，那么工作量会稍微大一些。系统制造商的更新通常不会纠正必要的调整。在这种情况下，您必须自己进行所有调整。如果您的公司缺乏这方面的专业知识，您可以通过用户体验咨询和培训获得无障碍专家的支持。
3步打造无障碍网店
第 2 步：检查您的前端 一旦安装了即将发布的版本或进行了所有必要的调整，您就应该测试前端的可访问性。 在规划新功能时，从现在开始，以下内容适用于您：数字可访问性是法律。如果您立即无障碍地实施新服务，则以后无需进行任何调整，您将立即确保积极的用户体验。 第 3 步：提高内容团队的意识 你的内容是否无障碍，并不能完全受开发的影响。您的内容团队还需要了解数字可访问性的要求。除此之外，还必须注意以下几个方面： 维护图像的替代文本（替代文本）：这些描述还使有视觉障碍的用户能够理解图像的内容。 正确使用标题：标题应按降序标记为 h1、h2、h3 等。这使得它们更易于使用屏幕阅读器阅读和构建导航。 仔细选择文本对比度和颜色：文本应始终从背景中充分突出，以便每个人都能阅读。 避免纯文本图形：切勿将重要信息专门放置在纯文本图形（例如 PNG）中。相反，将文本直接放置在 HTML 中。 使表单和交互元素易于访问：标签、ARIA 属性和键盘可访问性确保每个人都可以使用表单和交互元素（例如按钮）。 使用有意义的链接文本：作为内容团队，您应该始终使用有意义的链接文本，而不是“单击此处”等通用文本。
这使所有用户更容易确定自己的方向。 检查可访问性：测试例如例如，使用在线工具或屏幕阅读器定期检查内容的可访问性。 您可以在“无障碍：无障碍网站清单”一文中找到有关数字无障碍的基本问题和有用提示。 通过 Adobe Commerce 访问网站 Adobe Commerce为您提供在线一致性报告。您可以在其中查看管理后台区域中相应 WCAG 标准、Adobe 标准主题 Luma 和 Venia 的相应支持状态。网络内容可访问性指南(WCAG)包含改善所有用户对网络内容的访问的具体措施。 Adobe 一致性报告摘录 来源：Adobe 各种状态定义支持、部分支持、不支持、不适用和未评估向您显示您各自的商店区域满足个别标准的程度。 本报告中对您来说重要的是： Luma（默认商店）的状态和评论 状态定义支持和部分支持 不考虑状态定义“不支持”、“不适用”和“未评估”，因为它们不在商店 (Luma) 或整个软件中使用。由于相关性较低，Admin Backoffice 和 Venia 也被排除在外。 对于Luma，WCAG标准的很大一部分达到了A级和AA级，因此它属于支持的状态定义。 （AAA 级不包含在列表中。）16 个标准被列为部分支持。其中 12 个为 A 级，只有 4 个为 AA 级。
通过 Adobe Commerce 访问网站
总的来说，这是一个非常好的情况，如果您考虑到该列表是从 2021 年开始的，并且此后的几乎每个版本都包含有关可访问性的更新，那么当前的起始位置甚至更好。 即使 Adobe Commerce 没有定义一个固定的时间点来调整所有未完成的点：仍然有持续改进的承诺，这在定期更新中得到了确认。 尽管有这些定期改进，您仍会在下一节中了解在通往无障碍在线商店 基于帐户的销售：使用哪些渠道 的路上还需要做什么。 哪些任务属于前端开发领域？ 尽管 Adobe Commerce 不断更新，一些重要的商店功能仍然不是无障碍的。例如，主导航不能通过键盘使用。 如果 Adobe Commerce 在截止日期前未完成此任务，则前端团队的任务是使剩余的部分支持元素符合要求。这里最大的努力是主导航的准备。 此外，自编程的现有商店功能或来自第三方提供商的模块如果尚未无障碍，则必须进行调整。这主要指反应性元素，例如弹出窗口或手风琴。确保这些可以通过键盘进行操作，例如使用未使用的特定功能组合键。其他重要方面是屏幕阅读器可以读取您的元素，并且有拖放的替代方案。 商店主题的设计调整也是前端开发人员的责任。例如，这包括更强的颜色对比度和更易读的字体。 模块和主题是 Adobe 的无障碍 Web 开发解决方案吗？ 无障碍模块 在 Adobe Commerce Marketplace 中，制造商提供的模块承诺让您现有的商店依法无障碍。而所有这一切都不需要太多努力并且成本相对较低。
还有一些提供商为可访问的 Web 开发提供独立于平台的解决方案。 这些是所谓的覆盖解决方案，但是并不能确保您的网站或在线商店符合法律要求。相反。它们经常会给您的用户带来新的问题。例如，它们会干预客户端应用程序的标准行为，从而阻止应用程序在使用屏幕阅读器时正常运行。 此类覆盖解决方案不能保护您免受可能的法律后果。在美国，依赖覆盖解决方案的公司长期以来一直被起诉。 主题 提供商 Hyvä 宣传称，它已经实现了无障碍主题，该主题在技术和视觉上与 Luma 标准完全不同。使用 NVDA 屏幕阅读器进行的测试表明，情况实际上比 Luma 标准更好。不过，这里仍然有一些开放点需要调整。除其他外，其中包括使用键盘导航时选项卡顺序并不总是正确的，或者当您进入下一步时结账过程中缺少的通知。 然而，在您从这个主题中受益之前，您的开发团队必须在 Hyvä 上独立实施设计。 Adobe Commerce Marketplace 中没有列出明确支持辅助功能的其他主题。 第三方主题也不提供易于集成的即时解决方案。 通过 Salesforce Commerce Cloud 访问网站 使用 Salesforce B2C Commerce Cloud 的可访问网站 Salesforce B2C Commerce 尝试遵守SFRA 店面参考架构的 AA 级。但是，还明确表示，作为零售商，您全权负责遵守可访问性标准。
带有商务工具的可访问网站
但是，在 Trailhead 学习平台上， Salesforce 提供了有用的信息，使每个人都可以访问您的数字产品。 使用 Salesforce B2B Commerce Cloud 的可访问网站 《无障碍强化法案》明确针对最终客户的权利，因此排除了 B2B 公司的数字产品。如果您活跃于 B2B 并且您的网站尚未无障碍，则不会产生任何法律后果。你仍然在浪费潜力。 毕竟，您的企业客户也是可能在身体和环境上受损的人。因此，如果您及时争取 B2B 领域的数字化可访问性，您不仅可以增强客户忠诚度，还可以扩大您的目标群体。 Salesforce 辅助功能一致性报告概述了 Salesforce Commerce B2B 产品的相应 WCAG 标准和相应的支持状态。然而，标准组件、模板和定制选项常常有一些不足之处。例如，大多数交互式内容无法使用键盘进行操作。 CSS 框架：Lightning 设计系统提供可访问的标记，作为应用程序开发的基础。但是，为了确保创建可访问的组件，您必须遵循交互式组件的可访问性准则。
例如，这包括键盘行为。 哪些任务属于前端开发领域？ Salesforce提供的所有功能并非都是无障碍的，也不是在所有区域均可访问。这就是为什么前端团队的工作是创建至少具有与 Salesforce 相同功能的组件，但也涵盖可访问性领域。 您的开发人员还必须对组件和布局进行视觉调整，而您无法使用标准 Salesforce 配置进行编辑。例如，这包括阴影、图标、位置、字体和颜色。 即使您使用尚无法访问的第三方模块，您仍然需要对其进行调整。这尤其适用于反应性元素，例如模态层、手风琴、滑块、日期选择器和类似组件。 通过 SAP Commerce Cloud 访问网站 SAP Commerce 的可组合店面保证了从 5.0 版开始实施众多 WCAG 标准。例如，这些包括键盘控制、屏幕阅读器的使用或排除闪烁内容的可能性等方面。 所满足标准的概述可以在辅助功能合规性下找到。 哪些任务属于前端开发领域？ 如果你想进一步开发组件，你就有责任让它们变得无障碍。应特别注意以下几个方面： 使用语义 HTML：这样您可以清楚地标记内容的结构和含义，使屏幕阅读器和其他辅助技术更容易导航。 确保键盘可访问性：所有交互元素（例如表单、按钮）都必须可通过键盘操作。这对于有运动障碍的人来说至关重要。 提供替代文本：确保所有图像、视频和其他非文本内容都有替代文本。这些描述还使有视觉障碍的人能够理解您的内容。 使用 Aria 属性：例如，您可以为动态内容或复杂小部件提供附加信息。由于辅助技术，这反过来更容易理解。 测试可访问性：在开发和内容维护期间定期测试网站的可访问性也很重要。例如，使用自动工具或手动检查。 带有商务工具的可访问网站 由于commercetools旨在为企业提供灵活的电子商务平台，因此该平台本身并没有提供具体的可访问性标准。
哪些任务属于前端开发领域
但它为您的开发团队提供了实施这些标准的灵活性。他们还负责实 twd 目录 现可访问的功能。 该平台提供 API 和开发人员工具，使创建无障碍应用程序成为可能。用于开发、部署和维护商业网站的框架，支持可重用的 UI 组件来构建可访问的应用程序。 Intershop 无障碍网站 目前， Intershop的基本模板中并未考虑数字可访问性。这主要是因为模板很少以其原始状态使用。因此，如果您有这样的个人开发，您的开发团队也必须独立调整可访问性标准。 Intershop支持页面提供了具体措施以及示例和代码序列，可帮助您无障碍地提供数字产品。 Intershop 的渐进式 Web 应用程序 (PWA)的情况有些不同。考虑到可访问性，这一点正在不断得到进一步发展。 哪些任务属于前端开发领域？ 如果是个人开发，遇到模板过载的情况必须手动调整。自由、个性化的模块化非常普遍。 为此，您应该在设置任务时定义可访问性的具体标准。例如，这可以是屏幕阅读器的公告文本。
例如，在设计过程中应该明确键盘控件应该存储哪种TAB命令。安装所谓的旁路元素还可以快速跳转到内容或页脚区域。 通过 Shopify 访问网站 Shopify在“无障碍声明”中承诺其软件的无障碍。 WCAG 2.1 用作基础。目标是获得 AA 级的内容和功能。为了实现这一目标，Shopify 不断测试和开发其产品。然而，没有提及实施一切的固定日期。 目前的标准主题“Dawn”已经为无障碍Web开发提供了很好的支持。目前结账中有几个点仍处于状态：部分支持。例如，侧边栏的内容显示在页脚内容之后。 哪些任务属于前端开发领域？ 仍有一些障碍需要使用，尤其是在结账时，例如使用表格。前端开发人员的任务是确保遵守其余的部分支持元素。 对于 Shopify，适应自编程商店功能也很重要，例如弹出窗口和手风琴或第三方模块（如果它们尚未无障碍）。 模块和主题是 Shopify 上无障碍 Web 开发的解决方案吗 无障碍模块 制造商还在 Shopify 应用商店中提供模块，承诺让您现有的商店依法无障碍。 然而，这些覆盖解决方案通常会引起新的问题。因此，您应该仅依赖 Shopify 的更新和开发团队的技能。 主题 Shopify 仅在其主题商店中包含 Lighthouse 可访问性分数至少为 90 的主题。
