Fotografia do Cerrado

挑戰

這是一份關於配色和 WCAG 的作業：用選好的顏色做一個小介面，並證明所有文字都看得清楚。後來它成了一個完整的網站，規則一條也沒放掉。

做了什麼

• 一間不存在的野生動物攝影工作室，共六頁：可篩選、可放大照片的藝廊，附常見問題的探險行程，關於我們和聯絡。
• 在探險行程頁選一個月份，就能看到那時塞拉多的樣子和正值最佳季節的行程；在相簿裡，可以用箭頭或滑動切換放大的照片。
• 配色取自塞拉多本身：樹幹的棕、乾草和泥土；「關於我們」頁列出每個顏色實測的對比。
• 淺色和深色模式，跟隨系統設定並記住選擇，打開時淺色頁面也不會閃一下。
• 使用維基共享資源的自由照片，每張的作者和授權都列在圖片來源頁。

背後的技術

• 不用函式庫的 HTML、CSS 和 JavaScript，HTML 裡沒有任何樣式。
• 兩種模式下所有文字都高於 4.5:1，焦點清楚可見，選單可用鍵盤操作。
• 13 種語言，示範表單會用頁面的語言回覆。