nrel/eere_app_template_bootstrap5

Bootstrap 5的EERE应用品牌主题

dev-main 2021-12-23 21:07 UTC

This package is auto-updated.

Last update: 2024-09-24 03:44:06 UTC


README

添加了security.txt文件,以满足联邦部门/机构实施漏洞披露政策的新的OMB要求。

EERE应用程序风格指南可访问性说明

侧/左侧导航

对于导航链接,确保仅通过链接文本或与程序确定的链接上下文一起可以确定每个链接的目的。

避免为不同的目的地使用相同的链接文本,并避免使用模糊的链接文本,如“阅读更多”或“点击此处”。

https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-refs.html

主要/扩展调色板

文本与背景之间的最小颜色对比度为正常文本(小于18点)4.5:1,大文本(18点及以上)3:1。

此要求不适用于标志、非活动界面组件或装饰性文本。

用于确定颜色对比的有用工具包括颜色对比分析器和WEBAim对比检查器。 https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html

页眉样式

标题应描述节的主题或目的。

标题级别不应跳过。标题1应随后跟另一个标题1或标题2;永远不要是标题3。 https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-descriptive.html

链接

对于链接,确保仅通过链接文本或与程序确定的链接上下文一起可以确定每个链接的目的。

避免为不同的目的地使用相同的链接文本,并避免使用模糊的链接文本,如“阅读更多”或“点击此处”。 https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-refs.html

表单

如果可能,表单不应受时间限制,以使用户能够根据自己的速度完成表单。如果需要实施时间限制,例如出于安全原因,用户应有权将其关闭或延长。所有表单控件都需要标识其用途的标签;这通常通过元素来完成。

应使用

和元素对表单进行分组。应提供清晰的说明,解释如何完成表单和使用控件。应对用户输入进行验证,并使用户能够撤销更改和确认数据输入。应通知用户数据输入成功和错误,并提供纠正它们的说明。

有关构建可访问表单的更多信息,请参阅以下教程: https://www.w3.org/WAI/tutorials/forms/ https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html

表格

应使用表格来展示数据;而不是用于格式化。标题单元格应使用元素,而数据单元格使用。

复杂表格(例如,有合并单元格的表格)可能需要更复杂的标记。

有关创建可访问表格的信息,请参阅以下教程: w3.org/WAI/tutorials/tables/ https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html