コーポレートサイトのアクセシビリティ改善とJIS準拠への実践

GAAD Japan 2026のライトニングトーク5の発表資料です。
https://www.gaad.jp/timetable/

Transcript

1. © LY Corporation © LY Corporation コーポレートサイトのアクセシビリティ改善と JIS準拠への実践 GAAD Japan スポンサーセッション LINEヤフー株式会社 中野 信
2. © LY Corporation 自己紹介 • 中野 信 (なかの まこと) • 主な業務 • プロダクトのアクセシビリティの向上 • Yahoo! JAPAN UIガイドラインの運用 • デジタル庁 アクセシビリティスペシャリスト (民間専門人材) • ウェブアクセシビリティ基盤委員会 (WAIC) 作業部会1 主査
3. © LY Corporation コーポレートサイトのアクセシビリティ改善 • 期間：2024年5月〜2025年10月 • ポイント • プレ試験 • コンテンツ改善と実装改善 • 持続可能な運用と方針公開
4. © LY Corporation 目的 1. 2023年の会社の経営統合時に十分対応できなかった サイトのアクセシビリティを向上する 2. 基準を満たせるまでアクセシビリティを高めて ウェブアクセシビリティ方針を再び公開する
5. © LY Corporation 作業プロセスとスケジュール 1. 試験対象ページ選定 2. プレ試験 3. 改善内容の精査 4. 実装改善 5. 試験 6. 最終調整 2025/1 2025/10/14 2024/5 １ 2 3 4 5 6 公開
6. © LY Corporation プレ試験を実施 • ウェブアクセシビリティ基盤委員会(WAIC)の 「JIS X 8341-3:2016 試験実施ガイドライン」を参考に選定 • 代表ページとして多めに100ページ以上を選んだ
7. © LY Corporation プレ試験で見えた課題傾向 1.3.1 1.1.1 2.4.3 その他 • 課題は3つの達成基準に集中 • 1.3.1 情報及び関係性（A） • 1.1.1 非テキストコンテンツ（A） • 2.4.3 フォーカス順序（A） • 上位3つで全体の75%以上
8. © LY Corporation 主な課題（構造・代替テキスト） 情報構造の課題 • 見出しのないセクション • 見出しレベルのスキップ • 段落を改行で表現 • リストがHTMLで表現されていない 画像の代替テキストの課題 • 設定されていない • 内容が伝わらない代替テキスト • 説明不足のアイコン
9. © LY Corporation 主な課題（フォーカス・キーボード） キーボードだけで操作できない(しづらい)箇所がいくつかあった • 操作中にフォーカスが外へ抜けるメニュー(モーダルダイアログ) • フォーカスが移動しないページ内リンク • フォーカスが移動しない「もっと見る」リンク • 操作が複雑かつ冗長なカルーセル
10. © LY Corporation 改善アプローチ • 毎週改善定例を実施 • 課題・進捗を継続的にレビュー(半年程度) • 企画 / デザイン / 開発で役割分担して対応 • 個別の修正ではなく、運用可能な改善へ
11. © LY Corporation 共通UIの改善 カルーセル • 一時停止ボタンを追加 • フォーカス対象を整理 メガメニュー (グローバルメニュー) • オンフォーカス → オンクリック展開 • 展開中はフォーカスはメニュー内循環
12. © LY Corporation 既存コンテンツのアクセシビリティ改修 • 既存コンテンツを維持しながら改修 • 「新しいウィンドウアイコン」などの共有UIは、検索・置換・確認で改修 • 作成時期や担当者などで実装差があり、確認と修正の作業が長引いた
13. © LY Corporation 画像の代替テキストの改善 • 画像を「イラスト」「写真」などにパターン化 • それぞれのパターンごとに代替テキストを付与するルールを作成 • 生成AIで代替テキストを半自動生成するフローを策定 代替テキスト生成用カスタムGPT Dekashibe
14. © LY Corporation 方針策定と公開 • アクセシビリティ改善を継続させるために方針を整備 • 会社のポリシーと方針策定ガイドラインを元に作成 • 2025年10月14日 ウェブアクセシビリティ方針と検証結果を公開
15. © LY Corporation 学び • ページ選定を先に行うと関係者間の認識を合わせやすい • 共通UIを優先すると効果が大きい • 既存のコンテンツは改善コストが高い • マニュアル化すると改善は定着する
16. © LY Corporation 次の一手 • 他のプロダクトも試験結果を公開できるようアクセシビリティを改善したい • 公開した瞬間からアクセシビリティが低下する状況を減らしたい
17. © LY Corporation © LY Corporation Thank You 17