📄️ 提升易用性的隱私與廣告最佳實踐
網站隱私權保護政策與網站行為不一致,建議機關放置 YouTube 影片與 Google 站內搜尋功能時,將廣告功能移除。
📄️ 透過無障礙性驗收準則提升無障礙性
在政府數位服務(Government Digital Service)部門,我們建立的一切必須具無障礙性。這是我們的設計原則之一,「這是為了每個人」:
📄️ 使用 Cloudflare Turnstile
Cloudflare Turnstile 提供了一個使用者友善的解決方案,用來替代傳統 CAPTCHA 圖形驗證因難以辨識而造成的使用者通過率偏低問題。本文件將說明 Turnstile 的運作原理以及如何將其套用在網站上。
📄️ 針對不同的瀏覽器和裝置進行設計
您的服務必須普遍可用。這意味著建置服務時,要讓服務能在使用者使用的每一種瀏覽器或裝置上運作。
📄️ 組織中的網頁可及性:角色與職責
公部門中的網頁可及性
📄️ 如何測試前端效能
效能不佳的網站可能會讓使用者感到沮喪,並耗盡他們的行動網路數據與電池壽命。您可以透過確保您的前端服務,盡可能快速且輕量來解決這個問題。
📄️ 內容設計:圖片
指導 GOV.UK 內容發布者關於如何使用圖片並使其無障礙化的指南。本章也包括 GOV.UK 的版權標準。
📄️ 確定服務在行動設備上運作良好
服務應該在所有行動設備上都正常運行。仔細評估選擇,以找到最適合使用者的方案。
📄️ 讓服務無障礙
您必須確保開發的服務對所有需要的人是方便取用的。作為開發者,要設計並建立介面,避免為身心障礙者及輔助科技使用者設下障礙
📄️ 無障礙和輔助數位化 讓您的服務具有無障礙性:簡介
您的服務必須可供所有需要的人使用,包括僅供公務員使用的服務。如果未使您的服務具有無障礙性,您可能會違法。
📄️ 監控您服務的狀態
當您進入公開 beta 測試階段時,您必須建立監控機制,以識別可能影響您服務的任何問題。
📄️ 內容設計:連結
連結
📄️ 網頁結構教學
良好結構的內容可以實現更有效率的導覽與處理。使用 HTML 與 WAI-ARIA 改進網頁與應用程式中的導覽與定向。
📄️ 響應式設計
響應式網頁設計
📄️ 與身心障礙人士一起進行研究會議
當您對身心障礙者進行研究時,仔細規劃您的會議、尊重參與者並考慮他們的個人需求非常重要。
📄️ 編寫語意標記
當您學習 HTML 與 Web 時,您可能會常常反覆遇到一個未被定義的特定詞彙。這個詞正是「語意 (semantic)」。
📄️ 資料表格
表格教學
📄️ 無障礙性測試
您需要確保您的服務至少達到網站內容無障礙性指南 2.2(WCAG 2.2)AA等級。
📄️ 利用輔助科技進行測試
您必須讓服務與輔助科技可以搭配使用,這樣每個人可以透過他們所依賴的技術(例如螢幕報讀器或語音辨識軟體)來使用您的服務。
📄️ 當我們在全球最不無障礙網頁上測試工具時我們發現了什麼
最近,我們對自動化無障礙性測試工具進行了審查。我們建立了一個充滿障礙案例的網站,以便測試這些工具。這篇部落格文章發布了我們的研究結果。
📄️ 使用 CAPTCHAs
CAPTCHAs 是用來測試和 區分人類和機器人(例如:自動化軟體)的工具,藉由讓使用者執行特定任務來證明自己是人類 - 例如,送出表單前先辨識混淆過的文字並輸入結果。
📄️ 使用漸進增強策略打造有韌性的前端頁面
漸進增強是一種建立網站與應用程式的策略,它的核心概念是:先讓網頁能單純以HTML運作後,再加入其他,如 CSS 與 JavaScript 等技術。
📄️ 了解 WCAG 2.2(網站內容無障礙性指南)
這是 WCAG 2.2 AA 等級的概述。它不會取代 WCAG 2.2 指南 ,後者提供了所有原則和要求的完整解釋。
📄️ 提升易用性: Unlighthouse 幫你掌握網站體驗的盲點
Unlighthouse 是一款基於 Google Lighthouse 的開源工具,提供可自訂的網站掃描報告。幫助開發者快速掃描多個頁面以方便監控及優化網站品質。
📄️ 使用 Cookie 和類似技術
Cookie 是網站發送到使用者電腦的小型資料檔,用於儲存有關使用者瀏覽網站的資料。