SSSTikTok.co.idは、キーボード、スクリーンリーダー、文字拡大、さまざまな端末設定を利用するユーザーを含め、できるだけ多くの人が使えるサイトを目指しています。
アクセシビリティは単なるポリシーページではありません。サイトの実装が、ここに記載された内容を支える必要があります。
目標
ユーザーが次のことを行いやすくするアクセシビリティの実践に努めています:
- コンテンツを読む
- 見出しを理解する
- フォームを使う
- メニューを操作する
- ダウンローダーを操作する
- エラーメッセージを理解する。
見出し構造
ページでは一貫した見出し構造を使用し、ユーザーや支援技術が内容を理解しやすくします。
見出しは見た目の大きさだけのために使用するべきではありません。
キーボード操作
次のようなインタラクティブ要素:
- メニュー
- ボタン
- フォーム
- アコーディオン
- FAQ
- ダイアログ
はキーボードで操作できるようにするべきです。
フォーカス状態も明確に見えるようにするべきです。
ダウンローダーフォーム
URL入力欄とダウンロードボタンには、理解できるラベルを付けるべきです。
エラーを色だけで示すべきではありません。
エラーメッセージは問題を文章で説明する必要があります。
より良い例:
「リンクを認識できません。TikTokのシェアメニューからもう一度リンクをコピーしてください。」
ではなく:
「エラー。」
コントラストとテキスト
読みやすさを保てる色の組み合わせを使用するよう努めています。
文字を拡大してもページの主要機能が壊れないようにするべきです。
画像とスクリーンショット
情報を伝える画像には適切なaltテキストを付けるべきです。
装飾目的の画像に、役に立たない長い説明は必要ありません。
チュートリアルのスクリーンショットでは、altテキストで表示されている操作を説明するべきです。
例:
「リンクをコピーのオプションが強調表示されたTikTokのシェアメニュー。」
動画とメディア
将来、重要な情報を伝える動画チュートリアルをサイトで使用する場合、可能な範囲で字幕またはテキストによる代替情報を提供するべきです。
アニメーション
アニメーションがサイト機能の妨げにならないようにするべきです。
大きな装飾アニメーションを追加する場合は、reduced motionなどのユーザー設定を考慮してください。
ズームとモバイル
小さな画面や表示を拡大した状態でもページを利用できるようにするべきです。
表、ボタン、入力欄、メディアによって、メインレイアウトで不要な横スクロールを強制しないようにするべきです。
FAQ
FAQアコーディオンはキーボードで開けるようにし、支援技術が認識できる状態インジケーターを持つべきです。
ページの言語
スクリーンリーダーが適切な発音を使用できるよう、HTMLマークアップで文書の言語を日本語として指定するべきです。
アクセシビリティの問題
サイト内に利用しにくい部分がある場合はお知らせください。
次の情報を含めてください:
- ページURL
- 発生した問題
- 端末
- ブラウザ
- 関連する場合は支援技術
- 問題が起きた手順。
継続的な改善
新しい機能が追加されると、アクセシビリティも継続的な改善が必要になる場合があります。
正式な監査を実際に行っていない限り、「100% WCAG準拠」のような主張は避けるよう努めています。
アクセシビリティに関する連絡先
お問い合わせページを使用し、アクセシビリティカテゴリを選択してください。
最終更新日: [日付]