Upgrade to Pro — share decks privately, control downloads, hide ads and more …

アクセシビリティとメルカリの話 / A11y and Mercari

アクセシビリティとメルカリの話 / A11y and Mercari

All Hands で使用したアクセシビリティに関するプレゼンテーションの資料から confidential なデータを取り除いたものです。Google Slides 版は アクセシビリティとメルカリの話で、スライド最後の動画は【感動】66年の長い生涯で初めて、色鮮やかな世界を目にしたおじいちゃんです。

Shogo Sensui

March 16, 2018
Tweet

More Decks by Shogo Sensui

Other Decks in Technology

Transcript

  1. 港区ホームページ JIS X 8341-3:2016 (= WCAG 2.0) の AA レベルに準拠している。WCAG

    は項目に 応じて A から AAA までの難易度があり、 AA 準拠(A を含めた項目全て達成)は結 構大変。 官公庁や公共団体などは、当然ながら高 い準拠レベルを強いられている。国連の 障害者権利条約を受けてアメリカ、オー ストラリア、韓国などでは法律による義務 化を進めている。アメリカでは訴訟された 事例もある。
  2. WCAG 2.1 を構成する4つの原則 • 知覚できる: 情報やインターフェースは、利用者が知覚できなく てはならない • 操作できる: インターフェースやナビゲーションは、操作可能で

    なくてはならない • 理解できる: 情報やインターフェースの操作は、理解可能でな くてはならない • 堅牢である: コンテンツは、支援技術を含む様々なユーザー エージェントで解釈できなくてはならない
  3. Develop Test Release Design Plan コントラストは充分か 色に依存した UI ではないか キーボードで操作できるか

    支援技術で操作できるか あらゆる環境・いかなる状況で 機能を利用できるか UI に一貫性があるか デバイスを問わず操作できるか いつ誰がどのようにチェックするか