搜尋

主頁

我們的工作

策略與政府資訊科技措施法律架構及互聯網域名管理社區措施和資訊科技服務業務及産業發展資訊科技基建及標準資訊及網絡安全

社區措施和資訊科技服務

無障礙網頁／流動應用程式運動長者數碼計劃通用Wi-Fi品牌過去的數碼共融措施香港政府一站通流動應用程式香港政府一站通「智方便」

無障礙網頁／流動應用程式運動

積極領導提高認知發布指引及提示培育專才及舉辦嘉許計劃常見問題

發布指引及提示

基本無障礙網頁設計指南長者友善網站/流動應用程式設計指南無障礙流動應用程式手冊無障礙流動應用程式範本無障礙流動應用程式良好作業模式示例無障礙網頁手冊《無障礙網頁內容指引》2.1版新增的成功準則無障礙網頁範本無障礙網頁成功準則的示例

無障礙網頁手冊

9. WCAG 2.1 成功準則 – AA 級

< 返回

9.8: WCAG 2.1 成功準則1.4.10 －重新排列

網頁縮放時，不會因此失去任何資訊及功能，以及無須橫向滑動來顯示內容。

修正前

這個網頁範例的內容超越瀏覽器的闊度，因此使用者需要橫向及直向滑動以觀看全部內容。

當使用者放大內容時，須同時從橫向及直向滑動以觀看內容。

修正後

這個網頁範例內容沒有超過瀏覽器的闊度，因此使用者只需直向滑動便可觀看全部內容。

通過採用適應性網頁設計，頁面布局在縮放檢視時自動調整，因而無須橫向滑動。

WCAG 2.1 參考：

https://www.w3.org/WAI/WCAG21/Understanding/reflow.html

上一篇政府資訊科技總監辦公室 : 9.7: WCAG 2.1 成功準則 1.4.5 －文字圖像

下一篇政府資訊科技總監辦公室 : 9.9: WCAG 2.1 成功準則1.4.11 －非文字對比