イッセイミヤケ様　BAOBAO ECサイト WCAG2.0に準じたウェブアクセシビリティ対応

MIDORIKAWA
フロントエンドエンジニア
OVERVIEW

2020年に開催予定であった東京オリンピック・パラリンピックに向けて、誰もが情報にアクセスできることを目指し、WCAG2.0に準じたウェブアクセシビリティ対応を行うプロジェクト。

YEAR 2020 - 2020

担当箇所一覧

  • 要件定義
    • アクセシビリティ対応によるデザインの変更点等、全項目に対し可否を精査
  • 実装
    • 音声読み上げへの対応、読み上げ順序
    • キーボード操作に対してのフォーカス設定、移動順序
    • 詳細検索もタブ操作のみで利用できるよう変更
    • コントラストを考慮したカラー変更
    • 動きのあるコンテンツに一時停止機能を設ける
      等、多数
  • 進行管理
    • スケジュール管理
    • クライアントへの状況報告
    • ウェブアクセシビリティ専門業者へのテスト連絡


開発期間と平均作業時間

  • 開発期間：約4ヶ月
  • 平均作業時間：4〜6h／1日


開発体制

・要員数：フロントエンド2名


開発環境/ツール

・Windows

・MySQL

・PHP/symfony

・Javascript/jQuery

・HTML

・CSS/SCSS

・BitBucket

・Slack


気をつけたところ

  • アクセシビリティ対応とデザイン性（ブランドの世界観）との折り合い
  • チーム内にて対応箇所の共有と継続（更新担当者が固定ではない為）

Detail

詳細検索ページ


アクセシビリティ対応ページ


WEBSITE