[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
文字對比度: - 普通文字（小於 18pt 或小於 14pt 加粗）最少 4.5:1 - 大文字（18pt+ 或 14pt+ 加粗）最少 3:1
UI 組件對比度: - 互動元素（按鈕、表單欄位、圖示）對相鄰顏色最少 3:1
顏色不是唯一的訊號: - 不要只用顏色傳遞資訊。如果表單欄位因為錯誤是紅色，也加圖示、文字或圖案。
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
每個設計工具都有對比度檢查器外掛:Stark 給 Figma、Sketch、Adobe XD——畫的時候查對比度。設計時我開著 Stark。
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
最低:Lighthouse（Chrome DevTools → Lighthouse 標籤 → 無障礙審計）、WAVE（wave.webaim.org）、手動鍵盤導航、手動螢幕閱讀器測試。
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
想提高品牌的無障礙？免費試用 Lovart，包含 Brand Kit 和自動對比度檢查。
規模化發佈的團隊:Lovart 定價 月費 24 美元起，包含完整無障礙審計、色盲模擬、WCAG 合規報告。
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop
