altとは？X・Webサイトでの意味と設定方法を解説

alt（代替テキスト）は画像の内容を視覚情報に頼らず文章で伝える仕組みで、Webアクセシビリティ向上や画像SEOに寄与する要素です。

altとは？意味とX（Twitter）での役割を分かりやすく解説

altとは、画像の内容を文章で説明する「代替テキスト」を指す言葉です。X（旧Twitter）投稿時に画像へ付与するALTテキストも、WebサイトのHTMLに記述するalt属性も、「画像を表示・視認できない状況下で内容をテキストで補う」という同一の目的を持っています。

検索時に「alt」と「Altキー（キーボードの代替キー）」を混同するケースも見られますが、機能としてはまったく関係がありません。まずはSNSのタイムラインで頻繁に見かける「詳細はALTにて」という記述の使われ方から整理します。

X（旧Twitter）でよく見る「詳細はALTにて」の意味とは？

Xの投稿内で「詳細はALTにて」という文言がある場合、画像へ設定された説明テキスト欄（ALT）に補足情報が入力されている状態を意味します。投稿本文の140文字制限を補うため、最大1,000文字まで記述できるALT欄を活用する手法が広まりました。

タイムライン上の画像左下に表示される「ALT」または「+ALT」のラベルをタップすると、投稿者が入力したテキスト枠が画面上に現れます。画像内に載せた文章の書き起こしや、追加の注釈を読む際に参照されるケースが一般的です。

altの本来の目的は「音声読み上げ」と「画像非表示時の代替」

alt（Alternative text）が開発された本来の理由は、視覚障害を持つ方が利用するスクリーンリーダー（音声読み上げソフト）へ画像情報を届けるためです。併せて、通信障害やサーバーエラーで画像ファイルが読み込めなかった際に、ブラウザ上で画像の代わりにテキストを表示させる役割も備えています。

Xにおける文字数制限回避のテクニックは利用者間で広がった独自の文化であり、本来のアクセシビリティ確保という開発目的に沿った記述ルールとは性質が異なる点を捉えておく必要があります。

X（Twitter）でのALTテキストの見方と設定手順

スマホアプリ・PCブラウザの双方で、画像を添付した際に表示される「+ALT」領域から代替テキストの登録や編集を行えます。設定の手順は次の通りです。

【スマホアプリ版】画像にALTを設定・閲覧する方法

• ①投稿作成画面で端末内の画像を選択して添付する
• ②画像プレビュー領域の左下に現れる「+ALT」または「編集」をタップする
• ③説明入力欄に画像の説明文を入力し、「完了」を押して保存する
• ④閲覧時は画像上の「ALT」ラベルをタップして設定テキストを表示させる

iOSおよびAndroid版公式アプリの実測では、ALT欄の上限文字数は概ね1,000文字程度まで入力可能です。ただし仕様変更が実施される場合があるため、正確な上限値は公式アプリの投稿画面内表示で確認してください。

【PCブラウザ版】画像にALTを設定・閲覧する方法

PCのWebブラウザから操作する場合も手順は同様です。投稿ボックスに画像をドラッグ＆ドロップするかファイル選択で読み込ませた後、画像プレビューの左下に表示される「ALTを追加」をクリックしてテキストを入力します。

ブラウザ版での投稿操作やログイン状態の管理に迷う場合は、X（旧Twitter）ブラウザ版の開き方・ログイン手順を参照すると確認作業がスムーズです。また、通信不良による画像読み込みトラブルに備える際は、Xの画像が表示されない時のalt（代替テキスト）の仕組みで仕組みを押さえておくと状況を把握しやすくなります。

Webサイト・ブログにおけるalt属性の重要性とSEO効果

alt属性はクローラーへ画像の内容を正確に正確に伝える手段であり、同時にWebサイト全体の利便性とアクセシビリティを引き上げる基礎要素です。

Google検索エンジンへの画像内容の正確な伝達（画像SEO）

Googleの検索クローラーは画像解析技術を向上させているものの、テキストデータによる説明文を依然として大きな判断材料としています。alt属性へ具体的な説明文を記述すると、Google画像検索結果での露出機会が増加するほか、ページ本文と画像との文脈的関連性が評価されやすくなります。

ただし、文脈を無視したキーワードの過剰な埋め込みを行うと、スパム行為と判断される危険性があります。あくまで画像の視覚情報を忠実に文章化する意識が欠かせません。

Webアクセシビリティと2024年改正障害者差別解消法への対応

Webアクセシビリティ評価機関であるWebAIMが実施した「The WebAIM Million」の調査データによると、世界の主要100万サイトのうち53.1%のホームページにおいて代替テキストの欠落が検出されており、アクセシビリティ上の大きな課題として挙げられています。

また、デジタル庁が公表している「ウェブアクセシビリティ導入ガイドブック」の資料によると、日本国内においてWebアクセシビリティの配慮を必要とする対象者は、視覚障害者や高齢者を含めて少なくとも428万人以上にのぼると推計されています。

2024年4月に施行された改正障害者差別解消法では、事業者による事業者に対する「合理的配慮の提供」が義務化されました。ECサイトや企業のWebメディアにおいてalt属性が未設定のまま放置されていると、音声読み上げソフトを利用する訪問者が商品・サービス情報を取得できず、不利益が生じる恐れがあります。企業サイトを中心に、全社的なalt属性の見直しやアクセシビリティ改善作業が進められています。

企業のWebサイト制作やリニューアルを行う際に全ページのアクセシビリティ対応を外部専門業者へ依頼する動きや、専用ツールによる一括診断を導入する企業が増加傾向にあります。自社サイトの改修を計画している場合は、ホームページ制作会社選びやアクセシビリティ診断ツールの選定基準を合わせて比較検討しておくと対応がスムーズです。

alt属性の正しい書き方とHTML記述例

alt属性には「画像に写っている事実」を過不足なく文章化し、HTMLの<img>タグ内へ正しく記述する必要があります。用途に応じた記述例の比較表は次の通りです。

WordPressなどの主要CMSで記事を執筆する際は、画像ブロックの「代替テキスト」入力欄に上記テキストを入れることで、自動的にHTMLのalt属性へ反映されます。CMSの設定方法に不安がある場合は、主要CMSごとの画像設定マニュアルやWebサイト構築時の画像管理・編集手順を確認しておくとミスを防げます。

SEOキーワードの過剰詰め込みは逆効果（スパム判定リスク）

検索上位を狙うあまり、画像と無関係なキーワードをaltへ羅列する行為はGoogleの「ウェブ検索のスパムに関するポリシー」に抵触する恐れがあります。画像を見られない人に口頭で説明する場面を想定し、自然で簡潔な文章で構成することが基本原則です。

装飾用画像は「空のalt（alt=””）」を設定する理由

Webコンテンツのアクセシビリティに関する国際標準規格であるW3Cの「WCAG 2.2」ガイドラインでは、情報を持たない純粋な装飾画像には空のalt属性（alt=""）を付与することが規定されています。

alt属性そのものを削除して記述を抜かしてしまうと、スクリーンリーダーはファイル名（例：img_12345.jpg）をそのまま読み上げ、ユーザーの閲覧を妨げるノイズとなってしまいます。装飾画像であっても属性自体は消さず、引用符の間を空欄で残す処理が必要です。

X（Twitter）でALT機能を使う際の注意点と誤用

XでのALT利用において、本来の画像解説ではないネタバレ防止や裏話の記載枠として乱用するケースがあり、アクセシビリティ上の配慮とバッティングする場合があります。

ALT欄に裏話やネタ・ポエムを書くリスクとマナー

X上では「本文に入り切らない裏話をALTに書く」という使い方が見られます。ユーザー同士のコミュニケーションとしては機能する場面もありますが、音声読み上げアプリを利用するユーザーにとっては、画像の説明と無関係なテキストが突然流れる事態を引き起こします。

• 画像と脈絡のない長文メッセージを入れると、読み上げユーザーが画像内容を把握できなくなる
• 画像内の文字を一切説明せず隠しテキストとしてのみ使うと、本来の代替機能が果たされない
• 企業や公的機関の公式アカウントでは、ブランディングや信頼性の観点から画像内容の正確な記述を最優先すべきである

裏話や長文の解説を掲載したい場合は、画像内のテキスト書き起こしを先頭に明記した上で注釈を加えるなど、本来の機能と両立する書き方を意識することが推奨されます。

altに関するよくある質問

X（Twitter）のALTとは何ですか？

X投稿に付与できる画像の説明文（代替テキスト）です。視覚に障害がある方が音声読み上げ機能を用いて画像情報を理解できるように設計されています。

キーボードの「Altキー」とWebの「alt属性」は同じですか？

全く異なります。キーボードのAltキーは「Alternate（代替）」の略でショートカット操作用に使われます。一方、Webのaltは「Alternative text（代替テキスト）」の略で、画像内容を示す文章データです。

WordPressなどのCMSでalt（代替テキスト）を設定するにはどうすればよいですか？

投稿画面で画像を選択し、右側のブロック設定パネル内にある「代替テキスト（alt属性）」の入力欄へ文章を記述します。これにより生成されるHTMLへ自動でalt="設定文"が挿入されます。

alt属性を設定すると画像SEOにどんな効果が出ますか？

Googleのクローラーが画像の意味や文脈を正確に把握できるようになり、画像検索結果の掲載順位向上や、ページ自体のテーマ性評価の補強につながる傾向があります。

装飾用の画像にもalt属性の記述は必要ですか？

記述自体は必要ですが、中身は空欄（alt=""）で設定します。属性ごと削除するとファイル名が読み上げられてしまい、音声利用者の利便性を損ねる原因となります。