LINEヤフーのウェブアクセシビリティ

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

© LY Corporation © LY Corporation 6 ウェブアクセシビリティ Accessibility Guidelines • LINEのプロダクト、サービスのウェブアクセシビリティを確保するための基準 • WCAG 2.1をベースに、誰でも理解しやすい・使いやすい内容とすることを主眼に作成した • 12カテゴリ、67項目 • 項目を「MUST/SHOULD」の2つの優先度に分類した • 対応の程度と内容はサービス・プロダクトで判断する WCAG: Web Accessibility Content Guidelines。W3Cが勧告しているウェブアクセシビリティの国際的なガイドライン

Slide 7

Slide 7 text

Slide 8

Slide 8 text

© LY Corporation © LY Corporation スマホアプリのアクセシビリティ(2/2) • テスト → 改修 → 標準化してガイドラインに反映のサイクルを回している 1. スマホアプリに対してアクセシビリティテストを実施 2. 見つかった課題をUIコンポーネントごとに分類 3. 改善された内容を元に標準化 • テスト状況・改善進捗はダッシュボード形式で可視化 • 4半期ごとに報告している 8

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

© LY Corporation © LY Corporation 12 行っていること • WCAG 2.1 適合レベルAAの達成基準から、各プロダクトごとにできる範囲を対応 • スマホアプリはウェブの技術に依存する達成基準を削除して対応 • iOS/Androidそれぞれの技術リファレンスを追加 • プロダクトUIのガイドライン「UIガイドライン」の中で規定 • プロダクト開発時に必ず参照して遵守するドキュメントとして規定 • 抽象的な達成基準の文章を開発者が理解しやすい内容に置き換える • 非テキストコンテンツ → 代替テキストを提供する • 感覚的な特徴 → 『右の写真』『丸いボタン』など位置関係や形に依存した表現をしない

Slide 13

Slide 13 text

Slide 14

Slide 14 text

© LY Corporation © LY Corporation 14 アクセシビリティのポリシーの決め方 • WCAGを基準にしている • ウェブアクセシビリティ方針を記載するときはJIS X 8341-3:2016に則っている • ウェブ、スマホアプリどちらもWCAGを基準にしている • WCAGのどのバージョンを選ぶかは勧告状況によって判断する • 現在はWCAG 2.1 を基準にしている • 2023年10月に勧告されたWCAG 2.2は、1～2年後に採用を検討する

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

© LY Corporation 18 社内ガイドラインの統合 • LINE、Yahoo! JAPANそれぞれに存在するウェブアクセシビリティのガイドラインを統合する • 基準と、基準を満たすための方法を統一する • ガイドラインを統合することで、チェック・改善のフローを効率的に行えるようにする Accessibility Guidelines UIガイドラインウェブアクセシビリティ New Guidelines!