Web 标准：深入参考指南

网络 - 27

WEB- 27 ：所有机构应按照 COV 设计系统的定义，原封不动地展示英联邦旗帜。 

了解 WEB- 27  

联邦品牌栏可帮助公民识别弗吉尼亚联邦政府组织的官方网站。 它还可以帮助访问者了解他们所在的网站是官方的和安全的。 新的品牌栏还可作为导航门户，方便网站访问者轻松浏览政府机构并搜索联邦范围内的信息，而无需返回 Virginia.gov。 

品牌栏很容易安装，各机构可以在“获取联邦品牌栏”下找到说明和代码，并将其放在自己的网站上。 本页列出了生成代码的分步说明，该代码可放置在代理机构网站的 head 标签中。 代理机构还可以选择灰色或白色的品牌条，以更好地适应其网站的色彩主题。 

生成的每个品牌条包含： 

• 弗吉尼亚州州徽 
• 机构或弗吉尼亚州政府实体名称，生成器必须完整拼写该名称 
• 署名写着“弗吉尼亚联邦的官方网站”，下拉菜单写着“您可以通过以下方式了解”。 

• 下拉菜单包含有关弗吉尼亚联邦徽标和 HTTPS 证书的信息。 

• 点击“查找联邦资源”子菜单后，用户可以搜索弗吉尼亚州的机构或政府实体，以及按机构服务领域排序的常用联邦服务和资源。 

生成的代码应按原样使用，不应以任何方式修改。 如果安装过程中遇到任何问题，请发送电子邮件至 VITA 的企业 Web 服务团队。生成的代码应按原样使用，不得以任何方式修改。如果安装过程中遇到任何问题，请发送电子邮件至 VITA 的企业 Web 服务团队。 

网络 - 28

WEB- 28 ：COV 网络系统应提供一个代理站点搜索框，该搜索框应出现在每个页面上，并应按照 COV 设计系统的指令显示。 

了解 WEB- 28

在每个机构的网站和页面上都设置一个机构范围的站点搜索框，用户可以通过输入相关的关键字和搜索词来更快地访问信息，这些关键字和搜索词会将他们引导到相关链接列表。 机构不能仅仅依靠主要或次要导航来引导用户获取相关信息。  

由于搜索框对于包含大量内容和信息（尤其是涉及政策、程序或公民服务）的网站来说变得越来越重要，因此搜索框应该在每个页面上突出显示，并且应该让用户轻松注意到。 

此外，搜索框应遵循以下最佳做法： 

• 在可能的情况下，搜索应保留一个开放文本查询字段，其中带有标有“搜索”的占位符文本，或更多上下文说明仅限于用户可以输入查询的几个字。 

• 搜索框应配有放大镜图标，且细节最少S 可能（简单的线条图）。 用户普遍认为放大镜是搜索功能的象征。 

• 如果可能的话，此图标不应隐藏搜索功能，因为它会增加交互成本（更多点击）并使搜索功能不那么明显。 
• 如有疑问，请像 Google 那样去做。 

• 搜索查询应通过按回车键来确认。 如果需要，也可以通过点击确认按钮来确认搜索查询，但在搜索框中点击回车键的交互应该保留。 

• 如果添加确认按钮，则应适当调整其大小并放置（通常是搜索框本身的高度，放置在开放文本查询字段的右侧）。 此搜索按钮的尺寸至少需要为45 x 45像素，才能满足可访问性最佳实践。 

• 输入文本框的宽度应至少能够处理大约27字符的长度（使用 em 设置）。 

• 如果可能的话，搜索框应放在机构网站的右上角，联邦品牌栏的下方。 
• 少于10项的自动建议下拉字段可以帮助用户更快地找到他们要查找的内容，但是，使用该字段的机构应确保该字段自动生成的建议与输入字段中输入的搜索词相关。 
• 一旦用户按下回车键，原始搜索词应该保留在字段中，除非用户清除，并且应该向用户显示根据其搜索查询显示结果的结果页面。 

• 如果搜索查询没有返回结果，则应向用户提供明确说明没有匹配结果的信息。 

网络 - 29

WEB- 29 ：COV 网络系统应包含站点地图，以便搜索引擎更有效地抓取网站。 COV 设计系统中将提供示例。

了解 WEB- 29

站点地图是一个文件，它允许搜索引擎通过抓取其内容来发现您网站的大部分内容。 

站点地图应采用 XML 格式，这样搜索引擎不仅可以索引 HTML 文件，还可以索引有关图像、视频、新闻内容和机构网页的本地化版本的数据。 

要了解如何以 XML 格式创建站点地图，请访问 sitemaps.org 上的站点地图 XML 格式文档。 

VITA 建议遵循 developers.google.com 上列出的以下站点地图最佳实践： 

• 单个站点地图未压缩时的大小应限制为50 MB。 如果您机构的站点地图文件较大，请将您的站点地图分成多个站点地图。 
• 站点地图文件必须采用 UTF- 8编码。 
• 建议将您的站点地图托管在站点根目录。 
• 在您的站点地图中使用完全限定的绝对 URL，例如使用 https://www.myvaagency.gov/agencypage.html 而不是 /agencypage.html。 

网络 - 30

WEB- 30 ：COV 网络系统应确保每个页面都有一个页脚，至少包含以下信息： 

• 机构名称 
• 版权信息 
• 表明符合 Web 无障碍倡议 (WAI) 的文本或经批准的图标链接。
• 链接到该机构的互联网隐私政策声明。
• FOIA 信息链接
• 翻译免责声明
• 联系我们页面
• COV 设计系统定义的其他项目 

了解 WEB- 30

网站页脚是一种静态 UI 模式，显示在代理机构所有网站页面的最底部。 WEB- 30布局规定以下内容显示在每个页面的页脚上： 

• 机构名称： 应显示完整的机构名称 
• 版权信息： 显示为版权©完整机构名称 [当前年份] 

• 注明“网络无障碍倡议 (WAI)”的文本或经批准的图标链接： 撰写者为网络无障碍倡议 (Web Accessibility Initiative)，并链接至 WCAG 2 .0 AA 一致性页面。或者，机构可以使用 WAI 徽标链接到 WAI。 徽标使用指南和规范可在以下网站找到： W3C 的添加 WCAG 一致性徽标页面。 

• 重要的是，各机构在使用此链接时必须努力满足 WCAG 2 .0 中规定的 AA 一致性。 

• 该机构的互联网隐私政策声明链接： 隐私政策是特定于机构的，但至少应解释机构在访问网站时如何使用和收集用户信息、收集哪些信息、它与弗吉尼亚州法律的关系、用户可以在哪里获取更多信息、cookie 政策以及与使用用户数据有关的其他信息。 可以在以下网址找到示例 弗吉尼亚州政府。 
• FOIA 信息链接： FOIA 信息是特定于机构的，应以通俗易懂的语言包含有关弗吉尼亚信息自由法、用户的 FOIA 权利、用户如何请求记录、将请求发送到何处以及机构在收到请求时的责任的信息。 有关 FOIA 的更多信息，请参阅 弗吉尼亚法典，第37章。 
• 翻译免责声明：翻译免责声明指出第三方（通常是谷歌翻译）可以对页面进行本地化。 该免责声明应标明第三方的名称，并说明提供该选项是为了帮助用户以英语以外的语言提供网站，但没有完美的自动翻译，并且第三方服务是“按原样”提供的。 可以在以下网址找到示例 VITA 的翻译免责声明页面。 

• 联系我们页面：页脚中应包含联系我们页面。 请参阅 WEB- 31以了解更多信息。 

此外，COV 设计系统建议所有页脚 

• 在移动设备上工作 
• 页脚中的附加链接应有目的地选择（常用、迷你站点地图等） 
• 包含社交媒体链接/图标，但不包含整个社交媒体信息 

• 清晰易读，几乎没有图像 
• 如果使用，请保持行动号召简短且具有明确的方向和目的。 

网络 - 31

WEB- 31 ：COV 网络系统应提供“联系我们”页面，其中至少应包括该机构的： 

• 邮寄地址
• 传真号码（如果有）
• 电话号码，包括免费电话号码和/或 TTY 号码（如果有）
• 通过电子邮件将链接或联系表发送给代理机构联系人。 
• “联系我们”页面可从页脚访问。  

了解 WEB- 31

笔记 机构应使用通用电子邮件地址，并避免将机构联系链接与特定个人关联。 

“联系我们”页面允许用户通过各种方式就任何问题或疑虑联系该机构，以适应不同的用户。 

• 邮寄地址应为代理机构的实际地址，而不是邮政信箱地址，格式如下： 
   机构全名 
  123街道地址，门牌号456 
  城市，弗吉尼亚州邮政编码 
   
• 传真号码（如果有）格式如下： 
  123 -555- 5555 （传真）
  

• 电话号码，包括免费电话号码和/或 TTY 号码（如有），格式如下： 
  1 -123- 555 -5555 (电话) 
  1 -800- 555 -5555（免费电话） 
  1 -123- 555 -5555（文本电话） 

• 如果需要，可以提供有关如何使用 TTY 或中继服务（如果可用）的进一步说明。 
  

• 应使用通用电子邮件链接来避免将机构联系人与特定个人关联，并且应采用以下格式： 
   
  contact@agency.virginia.gov 
   
  代理机构联系人的联系表是电子邮件地址的替代品。 如果使用表格，表格至少应包含以下响应所需的字段， 并附有适当的标签：
• 名
• 姓氏（？姓氏真的需要吗？遵循最少原则）
• 电子邮件或电话号码
• 消息或评论字段 

网络 - 36

WEB- 36 ：COV 平台网络系统（包括商用现货 (COTS) 系统）应支持白标，以便无缝使用 COV 设计系统定义的 Commonwealth Branding。

了解 WEB- 36

平台 Web 系统由 EA 定义为： 

任何为大规模或多租户实施提供企业级功能的 Web 系统，包括人力资源管理系统 (HRMS)、财务管理解决方案 (FMS)、供应链管理 (SCM)、客户关系管理 (CRM)、企业绩效管理 (EPM) 和内容管理系统 (CMS)。 

这些系统应该允许 COVA 机构在对外展示或面向公众时重新塑造其外观以适应 EA 外观和设计系统标准（也称为白标）。 至少，可供公众用户访问的平台网络系统应在页面顶部显示联邦品牌栏。