アクセシビリティ

最終更新日：2026年3月

SeoulFMは何よりもまずラジオステーションであり、音声の体験です。音楽を聴くことは、デバイスをどのように操作するかにかかわらず、誰にでも開かれているべきだと私たちは考えています。ここでのアクセシビリティは後付けではなく、私たちの活動の本質に組み込まれています。サイト全体でWCAG 2.1レベルAAの基準を満たすことを目標としています。

音声中心の設計

SeoulFMの中心にある体験は「聴くこと」です。再生ボタンを押せば、画面を一度も見ることなく、選び抜かれたK-POPを何時間でも楽しめます。再生中の曲の情報、ジャケット写真、視覚効果は体験を豊かにしますが、必須ではありません。音楽はそれだけで成り立ちます。

キーボード操作

SeoulFMの主な機能はすべてキーボードだけで操作できます。音楽の再生、音量の調整、曲の検索、サイト内の移動に、マウスやトラックパッドは必要ありません。

キーボードショートカット

Spaceストリームを再生・一時停止

↑ ↓音量を上げる・下げる

Mミュート・ミュート解除

/検索バーにフォーカス

⌘ Kコマンドパレットを開く

?キーボードショートカットのヘルプを表示

スクリーンリーダーへの対応

SeoulFMはセマンティックなHTMLで作られており、支援技術がすべてのページの構造を理解できるようにしています。具体的な取り組みは次のとおりです。

•すべての操作要素（再生、音量、ミュート、検索）に説明的なARIAラベルを付けています
•曲が変わると、再生中の曲の情報がスクリーンリーダーで読み上げられます
•ページは適切な見出し階層を使っており、見出しで移動できます
•操作要素には、スタイルを付けたdivではなく、ネイティブのHTMLのボタンとリンクを使っています
•フォーカス状態は目に見え、論理的なタブ順に従います

色のコントラストと視覚デザイン

SeoulFMは明るい文字のダークテーマを使っています。WCAG AAの要件に沿って、本文で最低4.5:1、大きな文字とUI部品で3:1のコントラスト比を目指しています。重要な情報を色だけで伝えることはありません。色による手がかりには文字ラベルやアイコンを組み合わせ、色の見え方にかかわらず意味が伝わるようにしています。

レスポンシブデザイン

SeoulFMはスマホ、タブレット、パソコンなど、あらゆるデバイスと画面サイズで使えます。レイアウトは柔軟に対応し、タッチ操作の対象はすべて最小サイズのガイドラインを満たしています。文字は内容や機能を損なうことなく200%まで拡大できます。

既知の制限

私たちは継続的に改善を続けており、まだ改善の余地がある点も把握しています。

•一部の視覚的なアニメーションやトランジションが、まだprefers-reduced-motionの設定に従わない場合があります
•表示される歌詞に、スクリーンリーダー向けのマークアップが十分に付いていない場合があります
•ジャケット写真の代替テキストは、アーティスト名と曲名以上の説明がありません

これらは仕様ではなく不具合として扱っており、解決に取り組んでいます。

目指している基準

WCAG 2.1レベルAA：Web Content Accessibility Guidelines（WCAG）2.1のAAレベルへの適合を目指しています。これは継続的な取り組みで、定期的にサイトを点検し、問題が見つかりしだい修正しています。