ポートフォリオサイト
制作期間:2022年1月〜2022年3月
制作環境:Mac、VS Code、HTML、CSS3、JavaScript、Emmet、DART SASS、BEM、プレビュー確認:VS CodeのLive Serverプラグイン。MacのWeb共有
初めてサイト全体でWebアクセシビリティを考慮したサイト構築に挑戦。
- 可能な限りセマンティックな文書構造を第1にコーディング。
- WAI-ARIA属性を追加。
- ページ先頭にスキップリンク追加。
- ページ内リンクでジャンプ先にフォーカスを移動。
- キーボードで操作できるタブパネル。
- モーダルウィンドウでのキーボードブラウズを循環させてウィンドウ内で完結