Fotografia do Cerrado

課題

配色とWCAGの課題でした。選んだ色で小さな画面を作り、すべての文字が読めることを示すというものです。それがルールを守ったまま、ひとつのサイトになりました。

つくったもの

• 実在しない野生動物写真スタジオの6ページ。フィルターと拡大表示のあるギャラリー、よくある質問つきのツアー、紹介、お問い合わせ。
• ツアーのページでは月を選ぶと、そのころのセラードの様子とベストシーズンのツアーがわかります。ギャラリーでは、矢印やスワイプで拡大写真を次々に見られます。
• 配色はセラードそのものから。木の幹の茶色、枯れ草、土。紹介ページで、各色の測ったコントラストを見られます。
• ライトモードとダークモード。システムの設定に従い、選択を覚えます。開いたときに白い画面がちらつくこともありません。
• ウィキメディア・コモンズの自由な写真を使い、作者とライセンスをクレジットページにまとめました。

しくみ

• ライブラリなしのHTML、CSS、JavaScript。HTMLの中にスタイルはひとつも書いていません。
• どちらのモードでも文字はすべて4.5:1以上。フォーカスが見え、メニューはキーボードで使えます。
• 13言語。デモ用のフォームはページの言語で答えます。