使用 Canva 建立無障礙 PDF
你可以建立無障礙 PDF,讓各行各業的使用者 (包括螢幕閱讀器使用者或低視力者) 都能使用。 Canva 的無障礙操作工具可協助你識別常見的無障礙操作問題、檢查顏色對比度以及為影像新增替代文字、設計標題結構並安排內容的閱讀順序。
你可以在 Canva Docs 中使用多項無障礙功能,但某些功能 (例如安排閱讀順序) 無法使用。我們即將推出單獨的 Canva Docs 無障礙操作指南。
若要更快開始使用,請瀏覽Canva 的無障礙範本。
檢查設計是否有無障礙操作問題
執行 Canva 的無障礙操作檢查工具,找出常見問題,例如文字顏色對比度不佳。
- 開啟您的設計。
- 選取「檔案」。
- 選取「無障礙操作」,然後選取「檢查設計無障礙操作」。
- 檢閱標示的問題。
- 選取建議的修正,或自行變更以解決問題。
注意:無障礙操作檢查工具僅適用於你有權編輯的設計。如果你只有評論存取權,就不會顯示。
為影像新增替代文字
替代文字為螢幕閱讀器使用者描述影像。
- 選擇您要描述的影像。
- 在影像上按一下滑鼠右鍵,然後選擇 替代文字。
- 撰寫您自己的描述,或檢閱 Canva 建議的描述並使用或編輯該描述。
- 對於不具意義的裝飾性影像,請選擇 標記為裝飾性影像。這會告訴螢幕助讀程式跳過該影像。
設定標題的文字語意
文字語意控制如何將你的文字標記為標題或內文,以供螢幕閱讀器使用。設定標題層級,讓螢幕閱讀器追踪文件結構。
注意:編輯文字語意目前僅適用於桌上型電腦。
- 選取檔案。
- 選取無障礙操作,然後選取編輯文字語意。
設定每個文字方塊的文字語意:
- 將 H1 用於主要標題。一般而言,您的設計中只應使用一個 H1。
- 將 H2 用於主要區塊,以及將 H3 用於這些區塊中的子區塊。
- 視需要依序繼續使用較低的標題層級。避免跳過層級,例如直接從 H1 跳到 H3。
- 將 Paragraph 用於一般內文。
備註:套用文字語義並不會改變您的文字在設計中的外觀。它只會改變文字被螢幕閱讀器以及在可存取 PDF 匯出檔中識別的方式。
秘訣:將多行標題保留在單一文字方塊中。拖曳文字方塊的邊緣以調整換行處,而非按下 Enter 鍵。這可防止螢幕閱讀器將每一行視為個別標題。
安排閱讀順序
預設情況下,Canva 會在你將設計匯出為 PDF 時自動預估內容的閱讀順序。若要手動控制閱讀順序,請按照以下步驟操作。
在 PDF 下載設定中選取「使閱讀順序與圖層順序相符」時,圖層順序僅適用於匯出的 PDF。
- 從編輯者工具列選取「位置」。
- 選取「圖層」。
- 將應優先讀取的元素 (例如您的 H1 標題) 移至「圖層」清單的底部。
- 將應接下來讀取的元素直接放置在其上方。繼續從下到上排列其餘元素,依應讀取的順序。
使快速反應 (QR 碼) 變得無障礙
你可以新增替代文字,讓 QR 碼可供存取。 Canva 的 QR 碼產生器不直接支援替代文字,請額外遵循以下步驟:
- 在 Canva 中創作您的 QR 碼。
- 選取分享,然後選取下載。
- 將 QR 碼下載為 PNG 或 SVG 檔案。
- 將下載的影像再次上傳至您的設計中。
- 在已上傳的影像上按一下滑鼠右鍵,然後選取替代文字。
- 新增描述 QR 碼用途或目的地的替代文字,例如「用於活動註冊的 QR 碼」。
- 在 QR 碼附近新增描述性超連結或短網址,讓無法掃描的人仍能存取目的地。
匯出為無障礙 PDF
為了保持結構易於存取,請在下載 PDF 時使用這些匯出設定。
- 選擇分享。
- 選擇下載。
- 選擇PDF (數位)作為格式。
- 選擇進階設定。
- 開啟將閱讀順序與圖層匹配。
- 選擇下載。
這會將你的標題結構和閱讀順序嵌入 PDF 檔案中。
請使用外部工具驗證你的 PDF
測試匯出的 PDF,檢查其是否符合無障礙操作標準。
使用 PDF 檢查工具
請使用 PDF 檢查工具,例如 Adobe Acroba 的無障礙操作檢查工具或 PDF 無障礙操作檢查工具 (MAC)。請確認你的 PDF 符合無障礙操作標準。
使用螢幕閱讀器測試你的 PDF
請在 Adobe Acroba 中開啟匯出的 PDF。使用螢幕閱讀器導覽 PDF,例如 Mac 上的 VoiceOver 或 Windows 上的非視覺桌面存取 (NVDA)。請檢查標題、替代文字、連結和閱讀順序是否符合預期。
而非將設計發佈為網站
如果你偏好分享連結,可以將設計發佈為 Canva 網站,不必將設計匯出為 PDF。發布的網站會包含新增至設計的無障礙操作資訊,例如標題、替代文字和連結。
分享網站前,請使用螢幕閱讀器和無障礙操作檢查工具進行測試,確保內容符合預期。
PDF 匯出支援內容
匯出為 PDF 時,標題、段落、簡單表格、清單和影像等內容類型會正確標記。
隨著我們持續改善 PDF 無障礙操作,我們新增了對更多元素的支援。如有任何意見回饋或問題,請聯絡 accessibility@canva.com。
這對你有幫助嗎?
有幫助
沒有幫助