README

为我们的Contao主题收集了一组不带样式的元素。包含的元素

• 内容框
• 预告框
• 价格表
• 特性元素
• 滑块元素
• 内容包装器
• 对比切换器图标
• 带有回链的尺寸图标插入标记

可用的插入标记

{{comp::contrast}}
{{comp::size::barrierefreiheit.html#fontSize}}

在link处可以替换为别名或Uri，在comp::size::link插入标记中。如果没有指定link，则该标记生成对根页面的链接。

插入标记可以放置在任何您喜欢的地方，其外观取决于您的主题或样式。

此符号表示在高中对比度之间切换

此为更改字体大小

但这只是两个例子。外观取决于您的主题和样式。

SVG图标来自：https://github.com/google/material-design-icons（另见LICENSE_MATERIAL_DESIGN_ICONS中的许可证）。

可用的CSS类

该包为高对比度模式提供了一些CSS类

# excerpt

.hc-invert,
.hc-invert-pictures img,
.hc-invert-pictures svg {
    filter: invert(1);
}

.hc-greyscale,
.hc-greyscale-pictures img,
.hc-greyscale-pictures svg {
    filter: grayscale(1);
}

.hc-bg-black {
    background: black !important;
    color: white !important;
}

这些类可以用来控制当应用高对比度时网站的行为。所有类都可以在这里找到：这里。

配置

您可以选择在一定程度上配置高对比度和字体大小的使用。这是在网站起点处对以下整个页面树进行的。您可以在图例 ► 页面 ► 网站起始页 下找到这些选项，在 ► WCAG设置（网络内容可访问性指南） 之下。WCAG在这里代表官方的 网络内容可访问性指南。

在这里，您可以分别启用/禁用功能（即插入标记），并定义解释字体大小更改的页面和图标的分配。

德语

此捆绑包为我们的Contao主题带来了带有模板（无样式）的各种元素。包含的元素

• 内容框
• 预告框
• 价格表
• 特性元素
• 滑块元素
• 内容容器
• 对比切换器图标
• 带有回链功能的字体大小插入标记

可用的插入标记

该捆绑包提供了两个插入标记

{{comp::contrast}}
{{comp::size::link}}

其中，link在comp::size::link插入标记中可以用别名或Uri替换。如果没有指定link，则该标记生成对根页面的链接。插入标记可以随意放置，其外观取决于您的主题或样式。

此符号表示切换高对比度

此为更改字体大小

但这只是两个例子。外观取决于您的主题和样式。

SVG 图标来源： https://github.com/google/material-design-icons （有关许可证，请参阅附件中的 LICENSE_MATERIAL_DESIGN_ICONS）。

可用的 CSS 类

该组件包为高对比度模式提供了多个 CSS 类

# Auszug

.hc-invert,
.hc-invert-pictures img,
.hc-invert-pictures svg {
    filter: invert(1);
}

.hc-greyscale,
.hc-greyscale-pictures img,
.hc-greyscale-pictures svg {
    filter: grayscale(1);
}

.hc-bg-black {
    background: black !important;
    color: white !important;
}

使用这些类可以控制网站在高对比度应用时的行为。所有类都可以在 此处 找到。

配置

可以有限地配置使用 高对比度 和 字体大小 的选项。这发生在网站启动点，影响整个下级页面树。选项可以在 ► 页面 ► 网站首页 下的 ► WCAG 设置（网络内容可访问性指南） 中找到。WCAG 代表官方的 网站无障碍设计指南。

在此，您可以单独启用/禁用功能（即插入标记）并设置 字体大小说明页面 与图标之间的关联。

开发

在提交前运行

vendor/bin/ecs check src tests