ウェブアクセシビリティ方針・
JIS X 8341-3:2016 試験結果
株式会社オープンナレッジは、「知識と技術の壁を優しく取り払い、すべての人々の手元へ空気のように使える開かれた道具として還元する」という創業理念（MVV v5.0）に基づき、年齢、身体的特性、障害の有無、利用環境にかかわらず、すべての訪問者が情報へ公平にアクセスできるウェブサイトの構築・維持に取り組んでいます。
1. ウェブアクセシビリティ方針（対象範囲・目標とする適合レベル）
株式会社オープンナレッジ 公式コーポレートサイト
https://ok.st/ 配下の全ページ（企業情報、事業内容、トラストセンター、技術仕様、専門ナレッジ、教養コラム、英語ポータル /en/ を含む）。
JIS X 8341-3:2016 適合レベルAAに準拠
日本産業規格 JIS X 8341-3:2016 等級AA、および国際規格 W3C Web Content Accessibility Guidelines (WCAG) 2.2 レベルAAの全達成基準を満たしています。
株式会社オープンナレッジ アクセシビリティ推進責任者（創業者・代表取締役CTO 加藤 明生）
自動アクセシビリティ監査（Lighthouse / axe-core / Nu Html Checker）とキーボード・スクリーンリーダー実機検証を継続実施しています。
「誰か一人の困りごと」を解く設計が、すべての利用者を快適にする（縁石カット効果）
シニア世代の方、ろう者・難聴者の方、視覚に特性のある方、発達特性や感覚過敏のある方、そして多忙な業務の合間にスマートフォンで情報収集される企業・自治体担当者の方まで、誰にとっても迷わず・疲れず・正確に理解できる情報設計を標準仕様としています。
2. WCAG 2.2 新規追加基準を含む重点実装仕様
隠れないフォーカスと高視認フォーカス外観
キーボード（Tabキー）操作時、フォーカスされた要素に高コントラストの3pxアウトラインリングを表示するとともに、scroll-padding-top を設定することで、画面上部の固定バーやヘッダーの背後にフォーカス要素が隠れない設計を徹底しています。
ターゲットのサイズ（最小24×24px超・44×44px設計）
WCAG 2.2 レベルAAで新設された最小ターゲットサイズ（24×24 CSSピクセル）を大幅に上回り、主要なナビゲーションボタン・操作リンク・文字サイズ切替ボタンは指先でも押し間違えない 44×44px以上 のタップ領域と十分な間隔を確保しています。
一貫したヘルプ導線とアクセシブルな認証
すべてのページの同一位置にお問い合わせ導線（お問い合わせ窓口）を配置しています。また、オンライン学習基盤「OK-STUDY Pro」や対話型ツールでは画像パズル（CAPTCHA）や複雑な暗記を求めず、サンプル1問即時体験および3秒・1タップ無料安全登録（パスキー・Google・LINE・メール1項目ワンタイムリンク × PostgreSQL 19 FORCE RLS 個人領域分離）に対応しています。
読みやすさ設定バー・スキップリンク・SVG構造化
全ページ上部に「文字サイズ切替（標準・大・特大）」「専門用語のふりがな表示」「集中読書モード」を備えた読みやすさ設定バーと、本文へ直行できるスキップリンク（#main-content）を常設。OSの視差効果減（prefers-reduced-motion: reduce）・高コントラスト設定、およびSVG図解の role="img"・aria-label/<desc>（ホバー時ツールチップ被りを防ぐ構造化ラベル）にも対応しています。
3. JIS X 8341-3:2016 附属書JB（参考）に基づく試験結果表示
| 表明日（試験実施日） | |
|---|---|
| 規格の規格番号及び改正年 | JIS X 8341-3:2016（高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第3部：ウェブコンテンツ）及び W3C WCAG 2.2 |
| 満たしている適合レベル及び対応度 | 適合レベルAAに準拠（WCAG 2.2 Level AA 達成基準を含む） |
| 対象となるウェブページに関する簡潔な説明 | 株式会社オープンナレッジ 公式コーポレートサイト（https://ok.st/）の代表ページ群および共通テンプレート一式 |
| 依存したウェブコンテンツ技術のリスト | HTML5、CSS3、SVG 1.1、WAI-ARIA 1.2、ECMAScript（プログレッシブ・エンハンスメント設計：JavaScript無効環境でも全本文の閲覧が可能） |
| 試験対象のウェブページ（URL一覧） |
|
達成基準チェックリスト：適合レベルA（全32項目：JIS X 8341-3:2016 + WCAG 2.2追加項目）
| 項番 | 達成基準名 | 等級 | 適用 | 結果 | 実装・検証備考 |
|---|---|---|---|---|---|
| 1.1.1 | 非テキストコンテンツ | A | 適用 | 適合 | すべての画像・SVG図解に適切な代替テキスト（alt属性またはrole="img"・aria-label/desc）を付与 |
| 1.2.1 | 音声だけ及び映像だけ（収録済） | A | 非適用 | 適合 | 収録済みの音声のみ・映像のみのメディアを含まない |
| 1.2.2 | キャプション（収録済） | A | 非適用 | 適合 | 同期したマルチメディアコンテンツを含まない（視覚図解SVGで解説） |
| 1.2.3 | 音声解説又はメディアに対する代替（収録済） | A | 非適用 | 適合 | 同期した映像メディアを含まない |
| 1.3.1 | 情報及び関係性 | A | 適用 | 適合 | h1〜h4見出し階層、table/th(scope)、nav/main/article/section要素を構造的にマークアップ |
| 1.3.2 | 意味のある順序 | A | 適用 | 適合 | DOM順序と視覚的レイアウト順序を一致させ、スクリーンリーダー読み上げ順を保証 |
| 1.3.3 | 感覚的な特徴 | A | 適用 | 適合 | 色・形・位置のみに依存せず、テキストおよびラベルを併記 |
| 1.4.1 | 色の使用 | A | 適用 | 適合 | 色彩のみで情報を区別せず、バッジ文字列・アイコン・下線等を併用 |
| 1.4.2 | 音声の制御 | A | 非適用 | 適合 | 自動再生される音声コンテンツを含まない |
| 2.1.1 | キーボード | A | 適用 | 適合 | すべてのリンク、ボタン、アコーディオン、文字サイズ切替をTab/Enter/Spaceで操作可能 |
| 2.1.2 | キーボードトラップなし | A | 適用 | 適合 | フォーカスが特定要素から移動できなくなる箇所が存在しないことを確認 |
| 2.1.4 | 文字キーのショートカット | A | 非適用 | 適合 | 単一文字キーのみによるショートカットを実装していない |
| 2.2.1 | タイミング調整可能 | A | 適用 | 適合 | 自動遷移や時間制限のあるコンテンツを設けていない |
| 2.2.2 | 一時停止，停止，非表示 | A | 適用 | 適合 | 自動スクロールや点滅するバナーを排除し、prefers-reduced-motionにも対応 |
| 2.3.1 | 3回のせん（閃）光，又は閾値以下 | A | 適用 | 適合 | 1秒間に3回以上点滅するコンテンツを一切含まない |
| 2.4.1 | ブロックスキップ | A | 適用 | 適合 | ページ先頭に「本文へ移動（#main-content）」スキップリンクを配置 |
| 2.4.2 | ページタイトル | A | 適用 | 適合 | 全ページに内容とサイト名を明示した固有のtitle要素を設定 |
| 2.4.3 | フォーカス順序 | A | 適用 | 適合 | 論理的な文書構造に沿った自然なフォーカス移動順序を実装 |
| 2.4.4 | リンクの目的（コンテキスト内） | A | 適用 | 適合 | 「こちら」等の曖昧な表現を避け、遷移先の内容が明確にわかるリンクテキストを記述 |
| 2.5.1 | ポインタのジェスチャ | A | 適用 | 適合 | マルチポイントや軌跡ベースの複雑なジェスチャを要求しない1タップ操作設計 |
| 2.5.2 | ポインタのキャンセル | A | 適用 | 適合 | 標準のclickイベントを用い、ダウンイベントのみでの誤発火を防止 |
| 2.5.3 | ラベルを含む名前 | A | 適用 | 適合 | 視覚的ラベルとアクセシブルな名前（aria-label/テキスト）の一致を保証 |
| 2.5.4 | 動きによる起動 | A | 非適用 | 適合 | 端末の傾きやシェイクによる操作機能を含まない |
| 3.1.1 | ページの言語 | A | 適用 | 適合 | 日本語ページにhtml lang="ja"、英語ページにhtml lang="en"を厳格に指定 |
| 3.2.1 | フォーカス時 | A | 適用 | 適合 | 要素がフォーカスを受け取っただけで意図しない画面遷移や送信が発生しない |
| 3.2.2 | 入力時 | A | 適用 | 適合 | フォーム入力や設定変更時に予告なくコンテキストが変化しない |
| 3.2.6 | 一貫したヘルプ（WCAG 2.2追加） | A | 適用 | 適合 | 全ページのヘッダー・フッターおよび読みやすさバーの同一相対位置に連絡先・案内導線を配置 |
| 3.3.1 | エラーの特定 | A | 適用 | 適合 | 入力不備がある項目をテキストで明確に特定・通知 |
| 3.3.2 | ラベル又は説明 | A | 適用 | 適合 | すべての入力欄にlabel要素および記入例・必須表示を明記 |
| 3.3.7 | 冗長な入力（WCAG 2.2追加） | A | 適用 | 適合 | 同一セッション内で同じ情報の再入力を求めない3項目シンプル設計 |
| 4.1.1 | 構文解析 | A | 適用 | 適合 | Astro静的ビルドによる一意のID属性・正しい入れ子構造・閉じタグの完全性を検証 |
| 4.1.2 | 名前（name），役割（role）及び値（value） | A | 適用 | 適合 | 標準HTML要素およびWAI-ARIA属性（aria-expanded, aria-pressed, aria-label）を適切に設定 |
達成基準チェックリスト：適合レベルAA（全24項目：JIS X 8341-3:2016 + WCAG 2.2追加項目）
| 項番 | 達成基準名 | 等級 | 適用 | 結果 | 実装・検証備考 |
|---|---|---|---|---|---|
| 1.2.4 | キャプション（ライブ） | AA | 非適用 | 適合 | ライブの同期メディアを含まない |
| 1.2.5 | 音声解説（収録済） | AA | 非適用 | 適合 | 収録済みの映像メディアを含まない |
| 1.3.4 | 表示の向き | AA | 適用 | 適合 | 縦向き（ポートレート）・横向き（ランドスケープ）の双方で表示と操作が可能 |
| 1.3.5 | 入力目的の特定 | AA | 適用 | 適合 | フォーム要素に適切なtype属性・autocomplete属性を指定 |
| 1.4.3 | コントラスト（最低限） | AA | 適用 | 適合 | 本文（#1E293B / #141413）と背景（#FFFFFF / #FAF9F5）でコントラスト比12.5:1以上（基準4.5:1大幅超過）を確保 |
| 1.4.4 | テキストのサイズ変更 | AA | 適用 | 適合 | 読みやすさ設定バー（112.5% / 125%）およびブラウザ200%ズーム時も文字欠け・機能喪失なし |
| 1.4.5 | 文字画像 | AA | 適用 | 適合 | ロゴを除き文字画像を使用せず、SVG内テキストもDOMテキスト要素（<text>）として記述 |
| 1.4.10 | リフロー | AA | 適用 | 適合 | 320CSSピクセル幅相当の表示でも2次元スクロールを要さず閲覧可能（データ表は横スクロールコンテナで保護） |
| 1.4.11 | 非テキストのコントラスト | AA | 適用 | 適合 | UIコンポーネント枠線・ボタン・SVG図解の主要要素で3:1以上のコントラスト比を確保 |
| 1.4.12 | テキストの間隔 | AA | 適用 | 適合 | 行高1.9（line-height: 1.9）・十分な段落間隔を確保し、ユーザーCSS上書き時も崩れない設計 |
| 1.4.13 | ホバー又はフォーカスで表示されるコンテンツ | AA | 適用 | 適合 | ホバー専用で消えるツールチップ等に重要情報を隠さず、クリック開閉または常時表示を採用 |
| 2.4.5 | 複数の手段 | AA | 適用 | 適合 | グローバルナビゲーション、フッターサイトマップ、パンくずリスト、目的別導線を提供 |
| 2.4.6 | 見出し及びラベル | AA | 適用 | 適合 | 各セクションの内容と目的を端的に示す具体的な見出し・ラベルを付与 |
| 2.4.7 | フォーカスの可視化 | AA | 適用 | 適合 | キーボードフォーカス時に3px幅・高コントラストのアウトラインリングを明瞭に表示 |
| 2.4.11 | 隠れないフォーカス（最低限）（WCAG 2.2追加） | AA | 適用 | 適合 | scroll-padding-topにより、固定ヘッダーや設定バーの下にフォーカス要素が隠れないよう制御 |
| 2.5.7 | ドラッグ動作（WCAG 2.2追加） | AA | 適用 | 適合 | ドラッグ操作を必須とするUIを含まず、すべてシングルタップ／クリックで操作可能 |
| 2.5.8 | ターゲットのサイズ（最低限）（WCAG 2.2追加） | AA | 適用 | 適合 | 主要ボタン・ナビゲーションのタップ領域を44×44px以上（WCAG 2.2 AA基準24×24px超）で設計 |
| 3.1.2 | 一部分の言語 | AA | 適用 | 適合 | 言語切替リンクや英語引用部に適切なlang属性を付与 |
| 3.2.3 | 一貫したナビゲーション | AA | 適用 | 適合 | 全ページ共通のLayoutコンポーネントにより一貫した順序でナビゲーションを配置 |
| 3.2.4 | 一貫した識別 | AA | 適用 | 適合 | 同一機能を持つボタン・バッジ・リンクはサイト全体で統一した名称とアイコンを使用 |
| 3.3.3 | エラー修正の提案 | AA | 適用 | 適合 | メールアドレスや必須項目の入力不備時に具体的な修正方法をテキストで提示 |
| 3.3.4 | エラー回避（法的，金融，データ） | AA | 適用 | 適合 | 送信前の内容確認および取り消し・修正が可能な設計 |
| 3.3.8 | アクセシブルな認証（最低限）（WCAG 2.2追加） | AA | 適用 | 適合 | パズル解読や複雑な記憶テストを課さず、サンプル即時体験および3秒・1タップ無料安全登録（パスキー / Google / LINE / メール1項目リンク）を提供 |
| 4.1.3 | ステータスメッセージ | AA | 適用 | 適合 | 設定変更やフィルタ切替時の状態をrole="status"およびaria-live属性で支援技術へ通知 |
ウェブアクセシビリティに関するご意見・ご相談窓口
当サイトの閲覧において読みづらい箇所や操作しづらい点がございましたら、遠慮なくお知らせください。また、自治体・医療機関・教育機関・企業様におけるJIS X 8341-3:2016 等級AA準拠のウェブサイト刷新や診断のご相談も承っております。