網頁標準：深入參考指南

網頁-27

WEB-27：所有機構均應未改變，並按照《COV 設計系統》定義展示英聯邦旗幟。 

了解網頁-27  

聯邦品牌律師協助公民識別弗吉尼亞聯邦政府組織的官方網站。 它還可以幫助訪客了解他們所在的網站是官方和安全的。 新的品牌欄還可以作為網站訪客的導航門戶，可以輕鬆地在政府機構之間瀏覽並搜索共和國各地的信息，而無需返回 Virginia.gov。 

品牌列易於安裝，並且可以在獲取聯邦品牌條下找到指示和代碼，供代理商在其網站上放置。 此頁面提供了生成代碼以放置在代理商網站的頭標籤中的逐步說明。 代理商還可以選擇在灰色和白色品牌條之間進行選擇，以更適合其網站的顏色主題。 

產生的每個品牌列都包含： 

• 弗吉尼亞州徽標 
• 機構或弗吉尼亞州政府實體名稱，其產生器必須完整拼寫名稱 
• A byline stating, “An official website of the Commonwealth of Virginia” and a drop down that states “Here’s how you know.” 

• 下拉列表包含有關弗吉尼亞聯邦徽標和 HTTPS 憑證的信息。 

• 標記為「查找英聯邦資源」的子菜單，單擊時允許用戶在弗吉尼亞州機構或政府實體搜索，以及按代理服務區域排序的常用聯邦服務和資源。 

產生的代碼應該原樣使用，不應以任何方式修改。 任何安裝問題應通過電子郵件發送給 VITA 的企業 Web 服務團隊。 生成的代碼應該原樣使用，不應以任何方式修改。 如有安裝的任何問題，應通過電子郵件發送給 VITA 的企業網絡服務團隊，以電子郵件 developer@vita.virginia.gov。

網頁-28

WEB-28：COV 網絡系統應提供一個代理網站搜索框，該框應顯示在每個頁面上，並按照 COV 設計系統的指令顯示。 

了解網頁-28

在每個代理商網站和頁面上擁有一個全代理的網站搜索框，使用者可以通過輸入相關關鍵字和搜索詞來將他們引導到相關鏈接列表，以更快地訪問信息。 機構不能僅依賴主要或次要導航來將用戶引導到相關信息。  

由於存放大量內容和信息的網站（尤其是涉及政策、程序或公民服務）的網站，搜索框變得越來越重要，因此搜索框應該在每個頁面上顯示明顯，並且應該容易被用戶注意到。 

此外，搜尋方塊應遵守下列最佳做法： 

• 在可能的情況下，搜尋應保留一個帶有標記為「search」的預留位置文字的開放文字查詢欄位，或其中包含更多關聯式指示，僅限於使用者可以輸入查詢的幾個單詞。 

• 搜索框應附有最少細節的放大鏡圖示S 可能（簡單的線性）。 用戶通常認識到放大鏡是搜索功能的符號。 

• 在可能的情況下，此圖示不應隱藏搜索功能，因為它會增加互動成本（點擊次數更多）並使搜索功能變得不同。 
• 如果有疑問，請像谷歌一樣做。 

• 搜索查詢應通過點擊 enter 來確認。 如果需要，也可以通過點擊確認按鈕來確認搜索查詢，但應保留在搜索框中點擊 enter 的互動。 

• 如果添加確認按鈕，則應適當的大小和放置（通常是搜索框本身的高度，放置在開放文本查詢欄位的右側）。 此搜尋按鈕的大小至少必須為 45 x 45 像素，才能符合輔助使用最佳做法。 

• 輸入文本框的大小應該是寬大，以最少處理大約 27 字符的長度（使用 ems 設置）。 

• 在可能的情況下，搜索框應放在代理商網站的右上角，聯邦品牌欄下方。 
• 不到 10 項目的自動建議下拉欄位可以幫助使用者更快地找到他們要尋找的內容，但是，使用此功能的機構應確保該欄位自動產生的建議應與輸入欄位中輸入的搜尋字詞相關。 
• 一旦使用者按下 enter，除非使用者清除該使用者清除，否則原始搜尋字詞應保留在欄位中，並且應顯示使用者根據其搜尋查詢顯示結果的結果頁面。 

• 如果搜尋查詢沒有傳回結果，則應顯示使用者清楚說明沒有相符的結果的資訊。 

網頁-29

WEB-29：COV 網絡系統應包括網站地圖，以使搜索引擎更有效率地檢索網站。 例子將在 COV 設計系統中提供。

了解網頁-29

Sitemap 是一個文件，可讓搜索引擎通過檢索其內容來發現您的網站大部分。 

網站地圖應該是 XML 格式，這允許搜索引擎不僅索引 HTML 文件，還可以索引有關圖像，視頻，新聞內容和代理商網頁的本地化版本的數據。 

若要進一步了解如何以 XML 格式建立網站地圖，請造訪 網站地圖 XML 格式文件在 Sitemaps.org 上。 

VITA 建議遵循下列在 developers.google.com 上所載的網站地圖最佳做法： 

• 單一網站地圖應限制在未壓縮的 50 MB。 如果您的機構的網站地圖檔案較大，請將您的網站地圖分成多個網站地圖。 
• 網站地圖檔案必須是 UTF-8 編碼。 
• 建議您的網站地圖託管在網站根目錄。 
• 在網站地圖中使用完全符合條件的絕對網址，例如，使用 https://www.myvaagency.gov/agencypage.html 而不是 /agencypage.html。 

網頁-30

WEB-30：COV 網絡系統應確保每個頁面都有一個頁尾，至少包含以下信息： 

• 機構名稱 
• 版權資訊 
• 文字或已核准的圖示鏈接，指出 Web 無障礙倡議 (WAI) 符合性。
• 鏈接到該機構的互聯網隱私政策聲明。
• 連結至 FOIA 資訊
• 翻譯免責聲明
• 聯絡我們頁面
• COV 設計系統定義的其他項目 

了解網頁-30

網站頁腳是一種靜態 UI 模式，顯示在所有機構網站頁面的最下方。 WEB-30 規定在每個頁尾上顯示以下內容： 

• 機構名稱： 應顯示完整的代理商名稱 
• 版權資訊： 顯示為版權 © 全部代理名稱 [本年] 

• 文字或已核准的圖示連結，指出無障礙網頁計劃 (WAI)： 編寫為無障礙網頁計劃，並鏈接到 WCAG 2 .0 AA 一致性頁面。或者，機構可以使用 WAI 標誌連結至 WAI。 標誌使用指南和代碼可以在 W3C 新增 WCAG 符合標誌頁面。 

• 在使用此鏈接時，機構必須努力滿足 WCAG 2 .0 中所述的 AA 合規性非常重要。 

• 連結至該機構的互聯網隱私政策聲明： 隱私政策是特定於機構的，但至少應說明機構在訪問網站時如何使用和收集用戶的信息，收集哪些信息，它如何與弗吉尼亞州法律相關，用戶可以在哪裡聯繫以獲取更多信息，cookie 政策和與使用用戶數據有關的其他信息。 一個例子可以在 弗吉尼亞州。gov。 
• 聯繫 FOIA 信息： FOIA 信息是特定於機構的，應包含有關弗吉尼亞州信息自由法案，用戶的 FOIA 權利，用戶如何請求記錄，發送請求的位置以及機構接收請求時的責任的信息。 有關 FOIA 的更多信息可以在 弗吉尼亞州代碼，第 37 章。 
• 翻譯免責聲明：翻譯免責聲明指出第三方（通常是 Google 翻譯）可以本地化頁面。 本免責聲明應該命名第三方，以及說明該選項是為了幫助用戶以英語以外的語言提供網站，但沒有自動翻譯是完美的，並且第三方服務是「現狀」提供的。 一個例子可以在 VITA 的翻譯免責聲明頁面。 

• 「聯繫我們」頁面：頁尾應包含聯繫我們頁面。 有關更多信息，請參閱 WEB-31。 

此外，COV 設計系統建議所有頁尾 

• 在行動裝置上工作 
• 頁尾中的其他鏈接應有目的選擇（常用，迷你網站地圖等） 
• 包含社交媒體鏈接/圖標，但不包含整個社交摘要 

• 清晰易讀，圖像最少或無 
• 如果使用，請保持行動呼籲簡短，並具有明確的方向和目的。 

網頁-31

WEB-31: COV 網絡系統應提供「聯繫我們」頁面，該頁面至少應包括該機構的： 

• 郵寄地址
• 傳真號碼 (如有)
• 電話號碼，包括免費電話號碼和/或 TTY 號碼（如有）
• 通過電子郵件鏈接或聯繫表格給代理商聯繫人。 
• 請從頁尾存取「聯絡我們」頁面。  

了解網頁-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 設計系統所定義的聯邦品牌。

了解網頁-36

平台 Web 系統由 EA 定義為： 

提供大規模或多租戶實作的企業級功能的任何 Web 系統，包括人力資源管理系統 (HRMS)、財務管理解決方案 (FMS)、供應鏈管理 (SCM)、客戶關係管理 (CRM)、企業績效管理 (EPM) 和內容管理系統 (CMS)。 

這些系統應允許 COVA 機構在外部展示或面向公眾時，將其外觀重新品牌，以符合 EA 外觀和設計系統標準（也稱為白標）。 至少，可供公共用戶訪問的平台網絡系統應在頁面頂部顯示聯邦品牌欄。