元件模式
歡迎閱讀我們不斷增加的元件模式系列。這些實用資源提供靈感、無障礙需求、可視區域和使用者偏好適用的自動調整策略等等。
導覽標記
建立回應式且無障礙的導覽標記元件,讓使用者能瀏覽您的網站。
按鈕
設定網站上各種按鈕類型的樣式。
輪轉介面
建立色彩自動調整、回應式且無障礙的輪轉介面元件。
對話方塊
建立可調色、回應式,以及方便操作的迷你和大型視窗。
遊戲選單
建立滑鼠和鍵盤可存取的 3D 遊戲選單。
載入狀態列
使用進度元素建構可自動調整且易於存取的載入列。
媒體捲軸
為網頁建立橫向捲動體驗,不僅精簡、立即回應、易於存取,也能跨瀏覽器和平台運作。
多選
建構回應式、自動調整和無障礙功能的複選元件,用於排序和篩選。
設定
建立回應式、支援多種裝置輸入,並可在不同瀏覽器上運作的設定元件
側邊導覽列
回應式、有狀態、支援鍵盤導覽、可搭配或不使用 JavaScript 使用,且適用於多種瀏覽器
分割按鈕
建構自動調整且可存取的分割按鈕元件。
短片故事
為網頁建立回應式、支援鍵盤導覽功能,且可在多種瀏覽器中運作的「故事」元件。
svg-網站小圖示
使用 SVG 建構深色和淺色主題的自動調整網站小圖示。
切換
建立回應式、自動調整且無障礙的切換元件。
分頁
建立含有格線及捲動貼齊點的分頁元件。
浮動式訊息
建構自動調整且可存取的浮動式訊息元件。