ウェブアクセシビリティ方針
当サイト(障害と福祉のウェブマガジン With Me)は、障害のある方をはじめ、すべての利用者が必要な情報にアクセスできるよう、ウェブアクセシビリティの確保・向上に取り組んでいます。当団体の活動趣旨に照らし、特に重要な取り組みと位置づけ、継続的な改善に努めます。
JIS X 8341-3:2016「高齢者・障害者等配慮設計指針―情報通信における機器、ソフトウェア及びサービス―第3部:ウェブコンテンツ」に基づき対応を行っています。
対象範囲
障害と福祉のウェブマガジン With Me(https://yokohama-shougaishadantaibukai.org/(別ウィンドウで開きます))以下の全ページ(2026年7月時点)。
ただし、以下のコンテンツは対象外とします。
- 動画(YouTube等)等、外部サービスにより提供されるコンテンツ
- PDF等の添付ファイル
- 加盟団体・関連団体が独自に運営する外部サイト
目標とするレベル
JIS X 8341-3:2016 適合レベル AA に準拠することを目指します。
注記
当サイトのウェブアクセシビリティ方針における表記は、総務省「みんなの公共サイト運用ガイドライン」および WAIC「JIS X 8341-3:2016 試験実施ガイドライン」の定めによります。
試験実施期間
2026年7月
試験実施方法
- 総務省 みんなの公共サイト運用支援ツール(みんなの公共サイト運用ガイドライン・MIチェッカー)による確認
- スクリーンリーダー(NVDA等)による読み上げ確認
- キーボードのみでの操作確認
- コントラスト比の確認(JIS X 8341-3:2016(WCAG 2.0)相当の基準)
- 人的確認(リンクテキスト、見出し構造、代替テキスト等)
ウェブアクセシビリティ達成基準対応状況
以下は、これまでの実装・検証作業に基づく現時点での対応状況です。継続的に見直しを行い、随時更新します。
1. 知覚可能
| 達成基準 | 内容 | 対応状況 | 備考 |
|---|---|---|---|
| 1.1.1 非テキストコンテンツ |
画像に代替テキストを提供 | 一部適合 | 装飾画像には空のalt属性、コンテンツ画像はメディアライブラリの代替テキストを使用する仕組みに修正済みです。 |
| 1.3.1 情報及び関係性 |
見出し構造・リスト構造を適切にマークアップ | 適合 | 見出しレベルの連続化、ランドマーク(main/nav/article/section等)、パンくずリストの構造化を実施済みです。 |
| 1.3.2 意味のある順序 |
DOM順と視覚順の整合 | 適合 | 記事本文の画像+テキストレイアウト(左寄せ/右寄せ)をfloatからflexboxに変更し、DOM順を常に「本文→画像」に統一したうえで、CSSのorderプロパティのみで視覚的な左右配置を制御するよう修正しました。実機でのスクリーンリーダー確認も実施済みです。 |
| 1.4.1 色の使用 |
色のみに依存しない情報提供 | 一部適合 | 記事本文・固定ページ本文・名簿テーブル内のリンクは、色に加えて下線を併用するよう修正済みです。ナビゲーション・ボタン類は位置や形状で判別可能です。 |
| 1.4.3 コントラスト |
文字と背景の比率4.5:1以上 | 一部適合 | 主要な文字色・背景色について基準値(4.5:1/大きな文字は3:1)を満たすよう複数回にわたり調整済みです。 |
| 1.4.4 テキストのサイズ変更 |
200%拡大時も閲覧可能 | 一部適合 | 文字サイズ拡大ボタン(1.25倍)を実装済みです。 |
2. 操作可能
| 達成基準 | 内容 | 対応状況 | 備考 |
|---|---|---|---|
| 2.1.1 キーボード |
すべての操作がキーボードで可能 | 適合 | スキップリンク、メニューの開閉、スライドショーの一時停止等、主要な操作要素をキーボードのみで操作できるようにしています。 |
| 2.4.1 ブロックスキップ |
ナビゲーションのスキップ機能 | 適合 | 「コンテンツへスキップ」リンクを設置しています。 |
| 2.4.4 リンクの目的 |
文脈から目的が理解可能 | 一部適合 | ナビゲーションや記事一覧、外部リンク等は文脈から目的が分かる文言・ラベルを設定済みです。記事本文中のリンク文言は執筆者の入力に依存します。 |
| 2.4.7 フォーカス可視 |
フォーカスが視認可能 | 適合 | フォーカスインジケータの視認性(コントラスト比)を確保しています。 |
3. 理解可能
| 達成基準 | 内容 | 対応状況 | 備考 |
|---|---|---|---|
| 3.1.1 ページの言語 |
lang属性の適切な設定 | 適合 | html要素に lang="ja" を設定しています。 |
| 3.2.3 一貫したナビゲーション |
ナビ構造の統一 | 適合 | 全ページ共通のヘッダー・フッターナビゲーションを使用しています。 |
| 3.3.2 ラベル又は説明 |
フォームにラベル明示 | 該当なし | サイト内に入力フォームはありません。 |
4. 堅牢
| 達成基準 | 内容 | 対応状況 | 備考 |
|---|---|---|---|
| 4.1.1 構文解析 |
HTML構文エラーの排除 | 適合 | サイト内全ページにおいてHTML構文の検証を実施、構文エラーは全て排除済みです。 |
| 4.1.2 名前・役割・値 |
ARIA属性の適切な使用 | 適合 | ボタン・メニュー・スライドショー等に aria-expanded/aria-pressed/aria-current 等を適切に設定しています。 |
今後の取り組み
当団体は、今後も利用者からのご意見をもとに、ウェブアクセシビリティの継続的な改善に努めてまいります。本方針についてお気づきの点がございましたら、下記までご連絡ください。
お問い合わせ
問い合わせ先:社会福祉法人 横浜市社会福祉協議会 障害者団体部会
連絡先:社会福祉法人 横浜市社会福祉協議会 障害者支援センター
TEL:045-681-1211 E-Mail:jimukyoku@yokohamashakyo.jp
策定日:2026年7月17日