longdesc 属性は、
画像や
% です。
img は longdesc 文書への access 方法は
a
longdesc 文書の説明は、
img 要素の frame 要素・iframe 要素の
img, 16.2.2, 16.5
画像がimg
frame longdesc は、
フレームの初期内容 (
link to long description (complements alt)
と説明されています。
longdesc 属性は HTML 4 で導入されました。
img 要素 longdesc 属性
frame 要素 longdesc 属性
iframe 要素 longdesc 属性
img、改
<P>
<IMG src="sitemap.png"
alt="HP Labs Site Map"
usemap="#SITEMAP"
longdesc="sitemap.html"><p> <imglongdesc="#event-flow-desc"alt="Event propagation flow diagram"src="images/event-flow.png"><br> <emid="event-flow-desc">Event flow in DOM2: an event targeted at an element (marked 'target') in the tree passes down the tree from the root to the target in the phase called 'capture'. If the event type allows it, the event then travels back up the tree by the same route in a phase called 'bubbling'. Any node in the route, including the root node and the target, may be an 'observer': that is to say, a handler may be attached to it that is activated when the event passes through in either phase. A handler can only listen for one phase. To listen for both you have to attach two handlers.</em></p>
出典: XML Events
2006-08-08 12:39:23 +09:00 版)
<img class="float-l" src="img/ieee1394_usb_seinou.gif" width="132" height="54" alt="USB1.1と2.0,IEEE1394転送速度の比較表" longdesc="longdesc/img_ieee1394_usb_seinou.htm" /> [<a href="longdesc/img_ieee1394_usb_seinou.htm" title="USB1.1と2.0,IEEE1394転送速度の比較表の説明">詳細2</a>]
「USB1.1と2.0,IEEE1394転送速度の比較表」の説明
USB1.1、USB2.0、IEEE1394の一般的な転送速度の比較を表している。
USB1.1・・・12Mbit/秒 (1.5MB/秒) USB2.0・・・480Mbit/秒 (600MB/秒) IEEE1394・・・400Mbit/秒 (500MB/秒)
以上
前のページに戻る場合は、「ブラウザの戻るボタン」をクリックする、 又は、Altキーと左矢印キーを同時押下して下さい。
(
(
<p class="p-base"><img class="float-l" src="img/ieee1394_usb_hard.gif" width="136" height="89" alt="USB2.0CD-R/RWとIEEE1394接続HDD" longdesc="longdesc/img_ieee1394_usb_hard.htm" /> [<a href="longdesc/img_ieee1394_usb_hard.htm" title="外付USB2.0CD-R/RWとIEEE1394接続HDDのイメージ図の説明">詳細1</a>]</p>
「外付USB2.0CD-R/RWとIEEE1394接続HDDのイメージ図」の説明
作者のパソコン本体に、外付USB2.0CD-R/RWとIEEE1394接続用のHDDをケーブルを使って繋いでいる状況を表している。
以上
前のページに戻る場合は、「ブラウザの戻るボタン」をクリックする、 又は、Altキーと左矢印キーを同時押下して下さい。
(
2006-10-09 20:49:02 +09:00 版)
<img src="../specifications/picture/moji_narabe1.gif" alt="図:分解子の文字の並べ方。1文字から2文字。" width="90" height="49" longdesc="../specifications/alfangul_du.html#du_unu" /> <img src="../specifications/picture/moji_narabe2.gif" alt="図:分解子の文字の並べ方。3文字から6文字。" width="192" height="49" longdesc="../specifications/alfangul_du.html#du_unu" /> <img src="../specifications/picture/moji_narabe3.gif" alt="図:分解子の文字の並べ方。7文字から9文字。" width="139" height="49" longdesc="../specifications/alfangul_du.html#du_unu" />
2005-08-21 18:57:00 +09:00 版)
<span class="cut_img_right"><img src="picture/card_redline.gif" alt="「図2」手札2枚の切るべき場所を赤い実線で示す" width="270" height="250" longdesc="longdesc.html#cardzu2desc020928" /> <br />図2<a href="longdesc.html#cardzu2desc020928">(図の代わりの説明)</a></span>
2006-06-05 09:30:14 +09:00 版)
2006-05-30 11:38:59 +09:00 版)
人材派遣サービスのしくみ
の説明です。
(
2005-03-29 10:56:40 +09:00 版)
<a name="wp895119"> </a><p class="pCaption"> 図 2-1 Java ES ソリューションアーキテクチャの次元 </p><div align="left"><img src="images/arch_dimensions5.gif" height="266" width="609" alt="論理層、インフラストラクチャサービスレベル、およびサービス品質から構成される 3 次元の立方体として、3 つの次元のフレームワークを示す図。" longdesc="images/longdesc-fig2-1.html" border="0" hspace="0" vspace="0"/><a href="images/longdesc-fig2-1.html" title="Description link for 論理層、インフラストラクチャサービスレベル、およびサービス品質から構成される 3 次元の立方体として、3 つの次元のフレームワークを示す図。">[D]</a></div><p class="pCaption"> </p>
2006-03-30 19:12:18 +09:00 版)
Having a browser that supports longdesc (iCab) it doesn't seem to be a hassle
- iCab provides access to the longdesc via a context menu (similar to the way it can take me to the referenced page when there is a cite attribute)
(
2007-08-24 13:01:36 +09:00 版)
ASP.NET Image コントロールには、HTML の longdesc 属性に対応する DescriptionUrl というプロパティがあります。
(
2007-08-24 13:01:36 +09:00 版)
ASP.NET Image コントロールには、HTML の longdesc 属性に対応する DescriptionUrl というプロパティがあります。
(
2007-07-17 12:04:13 +09:00 版)
長い説明が必要な場合にはlongdesc属性があるわけですから、指針が示されなくともalt属性値は簡潔にわかりやすくすることを心がけるべきでしょう。
(
2007-08-24 13:04:24 +09:00 版)
グラフと図表 要約やlongdesc属性を含める。
とあるにも関わらず、この図
には
2007-08-24 13:06:42 +09:00 版)
画像の説明を表示
<img>について、longdesc属性で示された画像の説明文を読み込みます。
という
2007-08-24 13:17:30 +09:00 版)
さらに詳しい説明文のファイルにリンクするためのlongdesc属性を設定できる。
(
2007-08-24 13:19:08 +09:00 版)
せっかくだからlongdesc属性ではてなSNSにぶっとばせばいいのに
(
2007-08-24 01:10:49 +09:00 版)
altの補足として機能するlongdescとかはあんまりSEOとしての効果はないらしいですね。 (
名無しさん )
効果
がある方が論理的におかしいのでして。
(
2007-05-31 15:43:23 +09:00 版)
<img src="index_none.gif" alt="□" width="13" height="12" /><img src="QR_Code.jpg" alt="QRコード" width="150" height="150" longdesc="i/" /><br />
(
longdesc 属性は
2006-12-05 04:29:31 +09:00 版)
2007-03-26 18:52:16 +09:00 版)
2007-06-30 23:51:39 +09:00 版)
2007-07-04 00:05:44 +09:00 版)
2007-07-04 00:05:44 +09:00 版)
2007-07-04 00:05:44 +09:00 版)
2007-08-13 05:52:20 +09:00 版)
2007-08-13 13:44:17 +09:00 版)
05:35 <Hixie> hundred billion or so <img>s rather
05:35 <Hixie> of which about a hundred billion had no longdesc=""
05:36 <Hixie> of the hundred million or so that _did_ have longdesc and src and in which neither was blank:
05:36 <Hixie> about 800 thousand had longdesc = src
05:37 <Hixie> about 85 million had longdesc = an ancestor <a href>
05:37 <Hixie> about 7 million pointed to the root of another domain (!)
05:38 <Hixie> about 12 million had a space in the longdesc
05:38 <Hixie> basically i got it down to about 8 million potentially useful longdesc=""s that need further study
(
05:40 <Hixie> looking at the sample of those 8 million, most seem to be URIs to images
(
2007-08-16 07:27:00 +09:00 版)
<img src="Sales2003.GIF" alt="平成15年度売上の詳細" longdesc="Sales2003.html" width="320" height="200" />longdesc属性をハイパーリンクとして取扱う場合はalt属性値をアンカー代わりにします。例えば上の<img>要素は以下と同じ扱いとなります。
… <a href="Sales2003.html">平成15年度売上の詳細</a> …
どこからそんな話が?
(
2007-08-16 07:31:50 +09:00 版)
この場合、alt属性がアンカー代わりになるので、必ずalt属性には空でない文字列を与えておく必要があります。
例えば、平成18年度の売上グラフの場合は以下のようになります。
<img alt="平成18年度の売上" longdesc="sales2006.html" src="sales2006.GIF" width="320" height="240" />
この記述は、画像表示出来ない環境では、
<a href="sales2006.html">平成18年度の売上</a>
と等価になります。
2007-08-24 09:03:08 +09:00 版)
説明によると、
2007-08-24 09:04:34 +09:00 版)
2007-08-24 09:09:38 +09:00 版)
アクセシビリティの観点からすると,画像に LONGDESC 属性を指定するさいには,この LONGDESC 属性を解さない UA のために,LONGDESC 属性の指す URI と同じ場所へのリンクを張っておくのがよいだろう。
(
2007-08-19 12:23:49 +09:00 版)
※この属性は HTML4 や XHTML1.0 では非推奨とされています。
(
2006-05-11 09:19:07 +09:00 版)
- FRAMESET要素内に3つ以上のFRAME要素があるか?
- FRAMEが2つ以内であればその時点でOKとする。
- FRAMEが3つ以上なら以下のチェック。
- FRAME要素にlongdesc属性が付けられているか?
- longdescは少なくとも1つ存在すればよい。ただし、以下を満たすこと。
- longdesc値はNULLでないか?
- longdesc=””(NULL)の場合はNGとする。
- longdesc値は正しいURIか?
- 以下の順でチェック(どれか1つ該当すれば良い)
- 拡張子があるか?
- /で終わっているか?
- http:で始まっているか?
(
2006-05-11 09:19:07 +09:00 版)
- longdesc属性があるか?
- IMG要素にlongdesc属性がない場合はOKとする。
- longdesc属性がある場合は2をチェックする。
- longdescは正しいURIになっているか?
- チェックする方法(A〜Cの順番でチェックしていずれかを満たせばOK)
- 拡張子(2〜4文字)があるか。「〜.html」など。
- スラッシュで終わっているか。「〜/」で終わっているもの。
- 「http:」で始まっているか。
- alt値が半角150字以上になっていないか?
- 150字以上のalt値はNGとする。
(
2007-08-24 09:19:41 +09:00 版)
2007-08-24 09:19:41 +09:00 版)
できればクリックで飛べるようになっていたらもっと良かったのかもしれませんけども、そこまでの必要もないですか。
(
そこまでの必要もない
と思った理由が謎。
(
IBMホームページ・リーダー 日本語Windows版3.01 の場合、デフォルトでは、ふつうのテキストは男性音声、リンクが設定してあるところは女性音声、女性音声のところで [Enter] を押すとリンク先に移動できる、といったしかけになっており、longdesc属性が設定されている画像の場合、alt 属性の内容を読み終わったあとで「イメージの説明」という女性音が続きます。理解を深めるために、実際にホームページ・リーダーでこの記事の一部を読みあげた例(mp3, 216KB, 55秒)を用意しました。「偽春菜だから、しゃべる言葉も偽中国語。こんなぐあいだ。」というテキストに続いて、画像のalt属性の「可可逝世(カカ、セイセイ)!」を読みあげ、さらに女性の声で「イメージの説明」というアナウンスが入る点を注意して聴いてください。「イメージの説明」という言葉は HTMLのソースにありませんが、longdescを音声でレンダリングした結果です。(そこで [Enter] を叩くと、longdescで指定されたURIへ飛ぶし、もちろん「イメージの説明」というリンクを無視して先を読み続けることもできます。)
(
alt属性としてすべての説明を直接、書き込んでは、まずいんでしょうか?
……というと、あなたは、この円グラフに興味があるかもしれないし、ないかもしれないわけです。晴眼ユーザなら興味がなければ一瞬で目をそらして読み飛ばせますが、音声ブラウザだと明示的にやめさせない限り、興味があろうがなかろうが、alt属性をえんえんと読み続けます。longdesc(ないし Dリンク)を使えば、画像の説明を聞きたいユーザだけ(その画像の内容に興味がある場合だけ)longdesc.htm を参照できる、というメリットがあります。しかしデメリットもあります。例えば「もし読んでいればあなたにとってとても興味深い情報が書いてあったのに、リンクをたどるのが面倒で読まずに飛ばしてしまって損する……」という場合もあるでしょう。
(
本来、(教団側の布告によると)longdescはaltの補足であって、画像の補足ではありません。longdesc側からみれば、altはキャプションです。alt+longdescで、画像の代替です。だから、理論的には、画像が見えるユーザから、これらの属性は隠蔽されるべきです。
と述べています。確かに!
(
2007-08-24 09:22:35 +09:00 版)
2004-02-11 00:29:21 +09:00 版)
rdf: の
2007-08-24 09:38:30 +09:00 版)
適応要素 :img、iframe、frame
この属性は、title属性による短文の説明を補う役目として利用されます。
(
2007-01-01 09:32:13 +09:00 版)
まだlongdescに対応していないブラウザも多いので、画像の下に通常のハイパーリンクを設定し、詳細説明ファイルにジャンプさせるという手もあります。
(
<IMG src="chart.gif" alt="売上グラフ" longdesc="sales.html">
これを実際の画面で見ると、次のようになります。
といってこの
とはいっても、その
(
2007-03-16 11:09:20 +09:00 版)
<iframe src="最初に表示させるファイルのURI" name="inline" width="350" height="300" frameborder="1" bordercolor="#999999" scrolling="yes" align="center" marginwidth="25" marginheight="25" longdesc="descript.html" title="別のページを埋め込んでいます。詳細はこちら。"> フレーム非対応環境用の代替内容 </iframe>
(
2007-03-16 11:09:20 +09:00 版)
わざわざ、説明用の文書を作成するのが面倒臭い場合は、サイトマップへの URI を指定する使い方でも良いでしょう。
(
2007-03-16 11:09:20 +09:00 版)
視覚によらない音声出力環境に対して有効なもので、alt属性や title属性の内容を補うために用います。
(
視覚によらない音声出力環境に対して有効などとは書いていません。
title (
2007-06-12 15:00:03 +09:00 版)
ただし、他のソフト (
ホームページ・リーダー 以外) の中には longdesc属性に対応していないものもあるので、現時点では <A>要素を用いたリンク設定をしておいた方が無難でしょう。
(
2006-11-17 16:03:30 +09:00 版)
本編記載の「longdesc属性」は画像の置いてあるページとは別に、画像の詳しい説明ページを用意する場合に使用します。現状は対応していないブラウザもあるため、合わせて説明ページへのリンクテキストを用意してください。
■HTMLソース例
<p><img src="3layer.gif" alt="JISの3階層を示した図" longdesc="setsumei.html" width="480" height="350"></p> <p><a href="setsumei.html">図の説明ページへ</a></p>longdesc属性で図の説明ページを指定すると同時に、合わせて説明ページへのリンクテキストを用意している例です。longdesc属性に対応していないブラウザでも、図の説明ページへのリンクが表示されるようになります。
(
2007-03-11 16:11:30 +09:00 版)
2007-08-05 01:00:06 +09:00 版)
(
2007-08-11 11:28:40 +09:00 版)
2007-03-05 02:45:24 +09:00 版)
例えば:
三大疾病保障付住宅ローン : 三井住友銀行 (2007-07-31 16:40:02 +09:00 版)
文字が大きかったり小さかったり、色が付いていたり箱で括ってあったり、な
longdesc object (
2007-01-26 12:25:45 +09:00 版)
(注)音声ブラウザの中には「LONGDESC属性」に対応していないものもあるので、そのようなブラウザを対象とする場合は、通常の<A>要素により解説ページへリンクさせましょう。
(
そのようなブラウザ
を対象にしないとすると、この指針はいったい何を対象にしているのでしょう?
(
2007-08-24 10:32:44 +09:00 版)
(
2007-03-11 16:11:29 +09:00 版)
2007-08-24 10:37:44 +09:00 版)
相対パスで指定する場合、以下のようにIEとFirefoxでは同じページにも限らずパス指定が異なるようなので、絶対パス(http://〜)で指定しましょう。
IE: ./longdesc.html FF: ./include/js/frame/longdesc/longdesc.html
(
2001-07-04 22:11:30 +09:00 版)
【使用例】
<IMG src="zspclogo.gif" alt="ZSPCトップページ" longdesc="ZSPCトップページへ戻る" width="200" height="90">
(
2007-01-13 17:27:46 +09:00 版)
※longdesc属性は、EZwebだけで使える属性のためEZweb以外の携帯では動作しません。
(
動作
するかのように説明されていますが、根拠は不明です。
2006-06-08 16:40:51 +09:00 版)
alt属性に関するHTML4.01 DTDのコメントでは「short description」となってしまっているのですが、longdesc属性に対応しているブラウザが少ない現状を踏まえて、alt属性はHTML3.2 DTDのコメントどおりに「for display in place of image」であると捉え、簡潔さという点にはそれほどこだわらなくても良いでしょう。
(
2001-12-26 00:00:00 +09:00 版)
グラフや図が、ホームページに書かれている内容を理解するために重要な役目をもつときには、言葉による解説を補うことがたいせつです。簡単な要約をつけてもよいです。説明が長くなるときには、解説のページを別に用意して、上のように longdesc でリンクを書くこともできます。( longdesc がきちんとあつかえないパソコンが多いため、別に a タグも用いて、リンクを明示した方が無難です。ばうとみっち)
(
2007-08-24 11:03:24 +09:00 版)
属性:LANG
ALT属性、LONGDESC属性などで指定されるテキスト内容の言語の種類を指定します。
(
属性:LONGDESC
ALT属性で指定されるテキスト内容の詳細を、捕足説明する場合に使用します。
例:<IMG SRC = "totop.gif" ALT = "トップへ" LONGDESC = "日文ネットのホームページの最初に戻る"> のように記述します。
(
2007-08-06 02:36:49 +09:00 版)
Mozilla が img タグの longdesc アトリビュートをサポートしました。longdesc アトリビュートには 画像がダウンロードできないときなどのために 画像を詳しく解説するファイルへのリンクを記述します。longdesc を表示するには、画像を右クリックし、コンテキストメニューで 'properties' をクリック、プロパティーダイアログで解説 URL をクリックします。
(
2006-03-14 20:39:33 +09:00 版)
img要素のlongdesc属性は、画像の隣に「イメージの説明」というテキストリンクが表示され、longdesc属性で指定されたURLへ飛ぶことが出来る。
frame要素のlongdesc属性は、各フレームの左端に「フレームの説明」というテキストリンクが表示されlongdesc属性で指定されたURLに飛ぶことが出来る。
(
2007-08-24 11:09:03 +09:00 版)
img 要素というのはインライン要素であるのでその代替テキストも HTML の観点から考えると必然的にインライン要素となってしまう。また、その img 要素を包括しているブロックレベル要素如何によっては ( HTML の観点からみると) alt 属性値がおかしなことになってしまう。具体的には p 要素に包括された img 要素の alt 属性値が ( p 要素は他のブロックレベル要素を包括できないため) p 要素以上のブロックレベル要素であってはおかしい。
しかしイメージが提供できる情報というのは大きく、 alt 属性値は時として複数のブロックレベル要素ともなり得るわけだ。ただ、前述したように img 要素はインライン要素であるので、その代替とされている情報を (あるいは、その情報がブロックレベル要素であったとしたならば) alt 属性値として提供するには無理があることが間々ある。
(
2001-10-01 10:51:19 +09:00 版)
対応していないユーザー・エージェントのために、画像の横に通常のA要素を使用して長文説明の文書にリンクすると良い。
<FRAMESET cols="10%,*,10%"> <FRAMESET rows="20%,*"> <FRAME src="promo.html" name="promo" title="プロモーション"> <FRAME src="sitenavbar.html" name="navbar" title="サイト全体のナビゲーション・バー" longdesc="frameset-desc.html#navbar"> </FRAMESET> <FRAME src="story.html" name="story" title="選択されている記事 ? メイン・コンテンツ" longdesc="frameset-desc.html#story"> <FRAMESET rows="*,20%"> <FRAME src="headlines.html" name="index" title="他の国内ニュースの索引" longdesc="frameset-desc.html#headlines"> <FRAME src="ad.html" name="adspace" title="広告"> </FRAMESET> <NOFRAMES> <p><a href="noframes.html">フレームなしのバージョン</a></p> <p><a href="frameset-desc.html">各フレームの説明</a></p> </NOFRAMES> </FRAMESET>
(
2007-08-24 11:15:42 +09:00 版)
- アイコンの alt属性と説明(キャプション)で、同じことが書かれていると音声ユーザは同じことを2回聞かされることになる。
- 同じ説明を2度書くなら、altの方には、アイコンをイメージできるような言葉を入れたほうが意味がある。→alt属性を読む人が読んで楽しめる。
- しかし、そういう用途として longdesc 属性が存在する。
(
2003-09-20 12:01:53 +09:00 版)
LONGDESC属性は、画像の詳しい説明を記載する所です。この属性は、画像の説明で助けになる様なものを提供するために使わなければなりません。例えば、絵・グラフ・企業ロゴも、盲人やテキスト・ブラウザだけを使っているユーザーにも心の中で想像できる様な説明をしておかなければなりません。
(
2007-01-18 10:32:18 +09:00 版)
The LONGDESC attribute gives the location of a long description of the image. This attribute should be used to provide a long description of an image where this would be useful. For example, a painting, graph, or corporate logo could be given a description so that blind and other text-only users can develop a mental picture of the image.
(
だと明記してあるにも関わらず、この説明。これでは説明そのものを
2006-03-14 20:20:41 +09:00 版)
img要素のlongdesc属性は、画像の隣に「イメージの説明」というテキストリンクが表示され、longdesc属性で指定されたURLへ飛ぶことが出来る。
frame要素のlongdesc属性にもアクセスすることが出来ない。
(
2004-06-30 19:41:12 +09:00 版)
longdesc属性は、視覚系ブラウザではサポートされていませんが、音声ブラウザでは有効に作用しますので、重要な情報を持った画像には利用する価値があります。
(
2007-08-24 11:30:10 +09:00 版)
本サイトではlongdescを用いずに、その前後にテキストで要約を付けるように努めています。
(
2007-08-24 11:30:10 +09:00 版)
本サイトではlongdescを用いずに、その前後にテキストで要約を付けるように努めています。
(
2007-08-24 11:30:10 +09:00 版)
本サイトではlongdescを用いずに、その前後にテキストで要約を付けるように努めています。
(
2006-08-16 00:00:00 +09:00 版)
frame要素にはそのフレーム枠の説明を記述した文書と関連づける為にlongdesc属性が準備されています。title要素では役不足になってしまう場合はlongdesc属性を用いましょう。尚、longdesc属性の値はフレーム枠の説明を記述した文書のURIです。
(
フレーム枠
とは何でしょうか。 (そもそも
自体
の意味です。)
(
2007-03-05 02:45:24 +09:00 版)
- 画像(img要素、area要素、type="button"であるinput要素)の場合、alt属性値に代替テキストを指定します。
- alt属性値は簡潔にし、長くなる場合にはlongdesc属性で詳細の解説へとリンクさせます。
(
2006-04-04 18:08:50 +09:00 版)
Img要素のlongdesc属性
JAWS、ホームページリーダーでは扱えるが、それ以外のスクリーンリーダーでは、longdesc属性を扱えない
(
2007-08-24 11:46:48 +09:00 版)
HTML 4.01 で、リンク用画像・バナーを用いたリンクを張る場合
<a href="http://www.yui-yui.net/" title="社会福祉法人 たすけあい ゆい" target="_top"> <img src="http://www.yui-yui.net/banner/tasukeai.gif" longdesc="http://www.yui-yui.net/" width="88" height="31" alt="社会福祉法人たすけあい ゆい" title="社会福祉法人 たすけあい ゆい" border="0"> </a>
(
2007-08-24 11:47:37 +09:00 版)
表示する画像の説明が title 属性だけでは不十分な場合、 説明を記述した文書の URI を指定します。
誤り。
(
2007-02-21 07:53:28 +09:00 版)
チェックするリンク
<frame src="URL" longdesc="URL">
<iframe src="URL" longdesc="URL">
なぜか
2007-08-24 11:49:08 +09:00 版)
2007-08-24 11:58:12 +09:00 版)
HTMLの<img>タグは、実際には、あまり柔軟性がありません。Pembertonが指摘したように、代用メカニズムはaltテキストしかなく(新しい画像形式の採用を妨げています)、altテキストをマークアップすることはできず、また、longdesc属性は使いづらいため、ほとんど使われていません。(longdescは、alt属性で表示されるよりも詳しい画像の説明があるURIを示すために使用されます。)
XHTML 2.0では、この問題に対するお見事な解決策が導入されました。すなわち、どんな要素にもsrc属性を指定できるようになりました。これによりブラウザーは、要素の内容をURIの内容で置き換えます。単純な例では、これは画像です。しかし、ブラウザーが表示できるものであれば、SVGでも、XHTMLでも、その他のコンテンツ・タイプでもかまいません。
(
src 2007-08-24 11:58:53 +09:00 版)
代替形式の複雑さによっては、複数のテクニックを組み合わせる必要がある。たとえば、サイトになじみのあるユーザには、alt属性を使って省略語の代替情報を提供すればいいが、サイトを初めて訪れるユーザには、longdesc属性使って詳細を説明したリンク先を設けたほうが分かりやすい。
(
2007-05-06 20:42:46 +09:00 版)
この属性に対応しているブラウザはあまりないようですので、別に説明へのリンクを用意した方が良いかも知れません。
(
2006-08-18 15:10:03 +09:00 版)
ソースを見てみると文字列を画像化する際にLONGDESC属性を持たせて、そこにテキストを入れてSEO対策の代わりとしているようです。 本来、LONGDESC属性ってのは参考先のURLを記述するものだとばっかり思っていたのだけど、ALT属性の長文版として使う方法もあるということですね。 うーん、しかし変な仕様だ。
(
2004-07-30 21:50:39 +09:00 版)
The design of <img> has many problems in HTML:
- It is possible to include a longdesc link to a description of the image, to help people who cannot see, but it is seldom implemented.
(
2006-01-06 03:45:18 +09:00 版)
何を代替テキストにすれというのか。そのページのセリフやら情景やらをノベればいいのか。むしろそれは longdesc ではないのか。仮にそうして longdesc を設定するして、そんな途方もない作業は現実ムリではないのか。というかそもそも絵や漫画を文字で語るのはヤボの極みではないのか。
イラストコンテンツはそれ自体が最小最大の情報なのであって、代替は存在しない。
<a href="http://rd.nicovideo.jp/cc/enjoy/20c851b975765460" title="ニコニコ自作ゲームフェス3"><img src="http://uni.res.nimg.jp/img/blank.gif" longdesc="http://uni.res.nimg.jp/img/system/enjoy/2013/12/13/20131213234500_4ba5d.jpg" /></a>
if (i.longdesc)
window.open(i.longDesc);
longdesc を設けないといけない、
書かないといけない、という