longdesc

longdesc 属性 (HTML)

[2] HTMLimg 要素や frame 要素や iframe 要素の longdesc 属性は、 画像やフレームの長い説明への連結を指定するものとして提案されていました。

[136] この属性はほとんど利用も実装もされず、 HTML5 以降廃止 >>141 されています。

[150] この属性HTML におけるアクセシビリティー機能の失敗の代表例として取り上げられることがあります。

代替

[137] 画像に説明が必要な場合、画像の周囲に記述したり、 figcaption 要素title 属性で補ったりできます。

仕様書

属性値

[7] この属性の値は %URI です。 SGML 的には CDATA です。

[8] この属性は省略可能です。

レンダリング

[5] imga の中にあるかもしれませんから、 longdesc 文書への access 方法は a href への access 方法と異なるものでなければなりません。 HTML 4.01 13.2

関連

[4] longdesc 文書の説明は、 img 要素の alt 属性や frame 要素・iframe 要素の title 属性の短い説明を補足するものであるべきです HTML 4 img, 16.2.2, 16.5

画像が画像写像に関連付けられている時には、 画像写像の内容についての情報を提供するべきです。 鯖側画像写像では特に重要です。 HTML 4 img

[10] frame longdesc は、 フレームの初期内容 (src 文書) の説明ではなく、 そのフレーム自体の説明であることに注意するべきです。 HTML 4 16.4.2

[12] >>4 HTML 4 DTD には link to long description (complements alt) と説明されています。

IDL 属性

[146] img 要素 (HTMLImageElement), iframe 要素 (HTMLIFrameElement), frame 要素 (HTMLFrameElement) の longDesc IDL属性は、 longdesc 内容属性URL として反映するものです >>142, >>143, >>144

[147] HTML内容属性としては廃止されていますが、 Webブラウザー後方互換性のため IDL属性を実装し続けなければなりません。

歴史

HTML4

[6] longdesc 属性は HTML 4 で導入されました。 >>1 によれば WAI から要求があったそうです。

[3] 仕様書:

[91] <IW:SMIL:"extended-media-object.html#adef-longdesc">

HTML5

[145] HTML5 で実装状況・利用状況から longdesc 属性はむしろ有害であるとして、削除されました。

[140] HTML5 の開発者らは、 HTML4アクセシビリティーの向上のためと称して導入した機能のほとんどが使われなかったか、 間違って使われている状況を分析・反省し、 アクセシビリティーのためのアクセシビリティーとなってしまう機能の設計は間違っていたと指摘しています。 longdesc 属性の場合、既に alt 属性があり、更に longdesc 属性がある理由がそもそもよくわかりません。 画像が非表示設定の環境や視覚障害者を対象として alt 属性とは別に詳細な説明が必要なら、それは画像がわかりにくいなど、 画像が表示できる場合でも有用な情報でしょうし、「アクセシビリティーのため」 別に説明を用意するのではなく、同じ文書に (画像の隣にでも) 含めて説明するべきでしょう。

[151] longdesc 属性Webブラウザーに実装されませんでしたし、 longdesc 属性を使っている文書のほとんどは説明でない URL を指定していたり、 URL でない文章を書いていたりするものでした。 「アクセシビリティーのため」特別な機能を用意しても、普通の Webブラウザーで意味をなさないなら、ほとんどの著者は無視しますし、 無視しない著者も正しく運用しなかったり、古い情報を更新しなかったりして、 結局それを必要とする人にはかえって邪魔になってしまう状態でした。

[9] サイト構成図を画像写像と別文書で提供する例 HTML 4 img、改

<P>
<IMG src="sitemap.png"
     alt="HP Labs Site Map"
     usemap="#SITEMAP"
     longdesc="sitemap.html">

[11] 同じ文書内にある説明を参照する例

<p> <img longdesc="#event-flow-desc" alt="Event propagation flow diagram" src="images/event-flow.png"><br>
<em id="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 <http://www.w3.org/TR/2003/REC-xml-events-20031014/#s_intro>

[59] パソコンふぉあ障害者ず ハードウェア(USBとIEEE 1394) (名和田 光,Ko Nawata 著, 2006-08-08 12:39:23 +09:00 版) <http://www9.ocn.ne.jp/~pcvolu/pcnet/pcpage116.htm>

<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>]

longdescリンク先

「USB1.1と2.0,IEEE1394転送速度の比較表」の説明

USB1.1、USB2.0、IEEE1394の一般的な転送速度の比較を表している。

USB1.1・・・12Mbit/秒 (1.5MB/秒) USB2.0・・・480Mbit/秒 (600MB/秒) IEEE1394・・・400Mbit/秒 (500MB/秒)

以上

前のページに戻る場合は、「ブラウザの戻るボタン」をクリックする、 又は、Altキーと左矢印キーを同時押下して下さい。

(名無しさん)

[60] >>59 の例が属するWebサイトは、 longdesc を実際に有効に用いている稀有な例です。 ただしDリンクも併用しています。

リンク先は短いHTML文書ですが、 複数行・段落にわたった内容が含まれることがあるので、 属性値よりは要素内容として記述できる方が良いのでしょう。

視覚的利用者エージェントでは、 target=_self よりは、 WinHelpポップアップのようなレンダリングが良いかもしれません。

(名無しさん)

[61] ただ、 >>59 のサイトが本当に (本文では伝えられない) 有用な画像の説明を longdesc 文書で説明できているのかは疑問です。 >>59 の例も実は画像で、それを文字で書きなおしたに過ぎません。それなら最初から table を使えば良いのです。 (名無しさん)

[62] >>59 と同じ頁にある例:

<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>

longdesc 文書の内容:

「外付USB2.0CD-R/RWとIEEE1394接続HDDのイメージ図」の説明

作者のパソコン本体に、外付USB2.0CD-R/RWとIEEE1394接続用のHDDをケーブルを使って繋いでいる状況を表している。

以上

前のページに戻る場合は、「ブラウザの戻るボタン」をクリックする、 又は、Altキーと左矢印キーを同時押下して下さい。

(名無しさん)

[63] >>62 の場合、 longdesc 文書は、本文どころか alt 属性値と同じ情報しか含んでいません。 (名無しさん)

[64] >>62 の場合、 longdesc 文書は、本文どころか alt 属性値と同じ情報しか含んでいません。 (名無しさん)

[117] アルファングルの書き方・読み方 (らでぃお 著, 2006-10-09 20:49:02 +09:00 版) <http://www.m-net.ne.jp/~fujimori/explanation/explanation.html>

	<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" />

文字に関する仕様の解説ですが、文字の組み立て型の画像に対して、仕様書の関連するusemapリンクしています。 (名無しさん)

[118] つれづれ(アルファングル) (らでぃお 著, 2005-08-21 18:57:00 +09:00 版) <http://www.m-net.ne.jp/~fujimori/omake/tsuredure.html#cardgame028986>

>>117 と同じWebサイト

<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>

画像の方では画像に線や文字を書き込んで視覚的に説明してあるところ、 usemap 文書の方では同じことを文章で説明してあります。 これは usemap の有用な利用例に当たると思います。 (名無しさん)

[119] 人材派遣サービスのしくみ|ダイヤサポート株式会社 (2006-06-05 09:30:14 +09:00 版) <http://www.dia-support.co.jp/jigyou/hakentype.html#SYSTEMGIF>

longdesc 文書: 人材派遣サービスの説明|ダイヤサポート株式会社 (2006-05-30 11:38:59 +09:00 版) <http://www.dia-support.co.jp/jigyou/longdesc.html>

人材派遣サービスのしくみの説明です。 グラフ (グラフ理論の方。) を図示したのが元の画像で、 longdesc 文書の方は頂点を列挙しています。

(名無しさん)

[120] 第 2 章 Java Enterprise System ソリューションアーキテクチャ (2005-03-29 10:56:40 +09:00 版) <http://docs.sun.com/source/819-1926/architecture.html>

<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>

Dリンクも使われています。

longdesc 文書は、 alt に加え、図の内容を更に説明したものとなっています。 (名無しさん)

[121] Re: longdesc for an image used as a link from Charles McCathieNevile on 2002-04-25 (w3c-wai-ig@w3.org from April to June 2002) (Charles McCathieNevile (charles@w3.org) 著, 2006-03-30 19:12:18 +09:00 版) <http://lists.w3.org/Archives/Public/w3c-wai-ig/2002AprJun/0207.html>

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)

(名無しさん)

[122] Web 標準を使用した ASP.NET 2.0 Web サイトの構築 (2007-08-24 13:01:36 +09:00 版) <http://www.microsoft.com/japan/msdn/net/aspnet/ASPNETusStan.aspx#aspnetusstan_topic12>

ASP.NET Image コントロールには、HTML の longdesc 属性に対応する DescriptionUrl というプロパティがあります。

(名無しさん)

[123] Web 標準を使用した ASP.NET 2.0 Web サイトの構築 (2007-08-24 13:01:36 +09:00 版) <http://www.microsoft.com/japan/msdn/net/aspnet/ASPNETusStan.aspx#aspnetusstan_topic12>

ASP.NET Image コントロールには、HTML の longdesc 属性に対応する DescriptionUrl というプロパティがあります。

(名無しさん)

[124] altにまつわるエトセトラ | アクセシビリティBlog | ミツエーリンクス (ミツエーリンクス 著, 2007-07-17 12:04:13 +09:00 版) <http://accessibility.mitsue.co.jp/archives/2006/03/alt_1.html#mainContentsArea>

長い説明が必要な場合にはlongdesc属性があるわけですから、指針が示されなくともalt属性値は簡潔にわかりやすくすることを心がけるべきでしょう。

(名無しさん)

[125] W3C準拠[IMJ(アイエムジェイ)] (2007-08-24 13:04:24 +09:00 版) <http://www.imjp.co.jp/service/web/w3c.html>

グラフと図表 要約やlongdesc属性を含める。

とあるにも関わらず、この文書に含まれる、いかにもなには longdesc 属性は含まれていません。 そして alt 属性値はその代替たるに相応しい分量とは思えません。 (名無しさん)

[126] XUL Apps > ContextMenu Extensions - outsider reflex (Piro(SHIMODA Hiroshi) 著, 2007-08-24 13:06:42 +09:00 版) <http://piro.sakura.ne.jp/xul/ctxextensions/#menuitems>

画像の説明を表示

<img>について、longdesc属性で示された画像の説明文を読み込みます。

というメニュー項目を追加できます。 (名無しさん)

[127] 【レビュー】Dreamweaver MXのアクセシビリティ機能とLIFT(1) | ネット | マイコミジャーナル (Mainichi Communications Inc. 著, 2007-08-24 13:17:30 +09:00 版) <http://journal.mycom.co.jp/news/2002/09/26/11.html>

さらに詳しい説明文のファイルにリンクするためのlongdesc属性を設定できる。

(名無しさん)

[128] はてなアイデア - 各ユーザーIDの前にあるプロフィール画像のaltは、ユーザーIDではなくblankに変える。現状は画像OFFでIDが重複表示されるので読みにくい。 (2007-08-24 13:19:08 +09:00 版) <http://i.hatena.ne.jp/idea/8777>

せっかくだからlongdesc属性ではてなSNSにぶっとばせばいいのに

(名無しさん)

[129] >>128 画像の長い説明にならないものを longdescリンクするのはおかしいです。 (名無しさん)

[130] 最近のSEO対策TIPS : WEBデザイン&AJAX (2007-08-24 01:10:49 +09:00 版) <http://www.u-ziq.com/blog/2006/10/seo_3.html#entry-99>

altの補足として機能するlongdescとかはあんまりSEOとしての効果はないらしいですね。 (名無しさん)

[131] >>130 もともと効果がある方が論理的におかしいのでして。 (名無しさん)

[132] 多重債務整理の質問/アディーレ法律事務所 (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 />

(名無しさん)

[133] >>132 は、 QRコードlongdesc携帯電話用の文書を指定しています (おそらく QRコードが表す URI)。 (名無しさん)

[134] >>132-133 面白い使い方だと思いますが、間違いには違いないです。 (名無しさん)

[135] >>132-133 面白い使い方だと思いますが、間違いには違いないです。 (名無しさん)

メモ

[1] ニュースの記事 <http://groups.google.com/groups?threadm=62h1jb%24gt1%241%40news.sfc.keio.ac.jp>

longdesc 属性は画像写像のために用意されたらしい。 だけどそんなの役に立たんという mimasa セソセイのご意見。

[13] <img>のlongdesc要素 - faireal.net <http://www.faireal.net/articles/4/12/#d11223_2> (名無しさん [sage])

[14] Window-Eyes 6.0 Manual (2006-12-05 04:29:31 +09:00 版) <http://www.gwmicro.com/window-eyes/manual/html/index.html?19_10longdesc.htm> (名無しさん)

[15] WATS.ca - web accessibility technical services | Demonstration of the LONGDESC attribute and the 'd' link (2007-03-26 18:52:16 +09:00 版) <http://www.wats.ca/show.php?contentid=34> (名無しさん)

[16] Bug 1996 &#8211; Support LONGDESC for IMG (2007-06-30 23:51:39 +09:00 版) <https://bugzilla.mozilla.org/show_bug.cgi?id=1996> (名無しさん)

[17] HTML5 IRC logs: freenode / #whatwg / 20070703 (2007-07-04 00:05:44 +09:00 版) <http://krijnhoetmer.nl/irc-logs/whatwg/20070703#l-164> (名無しさん)

[18] HTML5 IRC logs: freenode / #whatwg / 20070703 (2007-07-04 00:05:44 +09:00 版) <http://krijnhoetmer.nl/irc-logs/whatwg/20070703#l-164> (名無しさん)

[19] HTML5 IRC logs: freenode / #whatwg / 20070703 (2007-07-04 00:05:44 +09:00 版) <http://krijnhoetmer.nl/irc-logs/whatwg/20070703#l-164> (名無しさん)

[20] Longdesc usage - WHATWG Wiki (2007-08-13 05:52:20 +09:00 版) <http://wiki.whatwg.org/wiki/Longdesc_usage> (名無しさん)

[21] HTML5 IRC logs: freenode / #whatwg / 20070812 (2007-08-13 13:44:17 +09:00 版) <http://krijnhoetmer.nl/irc-logs/whatwg/20070812#l-253> (名無しさん)

[22]

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

(名無しさん)

[23]

05:40 <Hixie> looking at the sample of those 8 million, most seem to be URIs to images

(名無しさん)

[24] 画像の張り方・参考資料・代替テキストが長過ぎる場合 - HTML入門 (Marguerite Site. 著, 2007-08-16 07:27:00 +09:00 版) <http://www.marguerite.jp/Nihongo/WWW/Introduction/Note-Image.html#longdesc>

<img src="Sales2003.GIF" alt="平成15年度売上の詳細" longdesc="Sales2003.html" width="320" height="200" />

longdesc属性をハイパーリンクとして取扱う場合はalt属性値をアンカー代わりにします。例えば上の<img>要素は以下と同じ扱いとなります。

      … <a href="Sales2003.html">平成15年度売上の詳細</a> …

どこからそんな話が? (名無しさん)

[25] <img>要素(画像埋め込み) - HTMLリファレンス (Marguerite Site. 著, 2007-08-16 07:31:50 +09:00 版) <http://www.marguerite.jp/Nihongo/WWW/RefHTML/img.html#about-longdesc>

この場合、alt属性がアンカー代わりになるので、必ずalt属性には空でない文字列を与えておく必要があります。

例えば、平成18年度の売上グラフの場合は以下のようになります。

<img alt="平成18年度の売上" longdesc="sales2006.html" src="sales2006.GIF" width="320" height="240" />

この記述は、画像表示出来ない環境では、

<a href="sales2006.html">平成18年度の売上</a>

と等価になります。

>>24 と同じサイト。 (名無しさん)

[26] Longdesc :: Firefox Add-ons (2007-08-24 09:03:08 +09:00 版) <https://addons.mozilla.org/ja/firefox/addon/273>

説明によると、文脈メニューlongdesc リンク先に飛ぶためのメニュー項目を追加する Firefox 拡張機能です。 (名無しさん)

[27] 画像 - アクセシブルなHTML作成の実際 (アクセシビリティからはじめるWebユニバーサルデザイン) (Alfasado, Inc. 著, 2007-08-24 09:04:34 +09:00 版) <http://alfasado.net/udon/accesible_html20/01.html> (名無しさん)

[28] >>27グラフを例に、 alt に詳細な説明文を入れるよりも、 longdesc を使うほうが良いと (おそらく) 主張しています。 ですが、なぜ longdesc の方が良いのかは明記されていません。 (マーク付けできるから?) (名無しさん)

[29] >>27グラフを例に、 alt に詳細な説明文を入れるよりも、 longdesc を使うほうが良いと (おそらく) 主張しています。 ですが、なぜ longdesc の方が良いのかは明記されていません。 (マーク付けできるから?) (名無しさん)

[30] Soar through HTML - Section 3 (2007-08-24 09:09:38 +09:00 版) <http://www.google.com/search?q=cache:hMiwivJgYpwJ:www.tg.rim.or.jp/~hexane/ach/stht/stht03.htm> (注: 実物は 404)

アクセシビリティの観点からすると,画像に LONGDESC 属性を指定するさいには,この LONGDESC 属性を解さない UA のために,LONGDESC 属性の指す URI と同じ場所へのリンクを張っておくのがよいだろう。

(名無しさん)

[31] >>30 それは本末転倒では。。。 (名無しさん)

[32] longdesc属性@ばけらの HTML リファレンス(未完成) (2007-08-19 12:23:49 +09:00 版) <http://bakera.jp/ref/html/attribute/longdesc>

※この属性は HTML4 や XHTML1.0 では非推奨とされています。

(名無しさん)

[33] >>32 非推奨だという根拠が不明。 frame 要素属性すべてに非推奨だと書いているのかと思えば (それは事実に反する)、 name には書いてないし。 (名無しさん)

[34] 1.1.8 FRAME中のlongdesc属性は正しく使われているか (2006-05-11 09:19:07 +09:00 版) <http://barrierfree.nict.go.jp/accessibility/helper/logic/1_1_8.html>

  1. FRAMESET要素内に3つ以上のFRAME要素があるか?
    • FRAMEが2つ以内であればその時点でOKとする。
    • FRAMEが3つ以上なら以下のチェック。
  2. FRAME要素にlongdesc属性が付けられているか?
    • longdescは少なくとも1つ存在すればよい。ただし、以下を満たすこと。
  3. longdesc値はNULLでないか?
    • longdesc=””(NULL)の場合はNGとする。
  4. longdesc値は正しいURIか?
    • 以下の順でチェック(どれか1つ該当すれば良い)
      • 拡張子があるか?
      • /で終わっているか?
      • http:で始まっているか?

(名無しさん)

[35] >>34 こんなチェックで良いのか謎。(longdesc が有用だと仮定して) frame が2個以下なら longdesc は要らないとか、最低1個の frame[longdesc があればいいとかいうのは何を根拠に言えるのか? (名無しさん)

[36] 1.1.2 画像が重要な情報を伝達し、その代替テキストがある場合はlongdesc属性やDリンクが加えられているか (2006-05-11 09:19:07 +09:00 版) <http://barrierfree.nict.go.jp/accessibility/helper/logic/1_1_2.html>

  1. longdesc属性があるか?
    • IMG要素にlongdesc属性がない場合はOKとする。
    • longdesc属性がある場合は2をチェックする。
  2. longdescは正しいURIになっているか?
    • チェックする方法(A〜Cの順番でチェックしていずれかを満たせばOK)
      • 拡張子(2〜4文字)があるか。「〜.html」など。
      • スラッシュで終わっているか。「〜/」で終わっているもの。
      • 「http:」で始まっているか。
  3. alt値が半角150字以上になっていないか?
    • 150字以上のalt値はNGとする。

(名無しさん)

[37] カラクリエイト:img要素のlongdesc属性とイメージマップ (2007-08-24 09:19:41 +09:00 版) <http://www.extype.com/karakuri/archives/2005/06/imglongdesc.html> (名無しさん)

[38] カラクリエイト:img要素のlongdesc属性とイメージマップ (2007-08-24 09:19:41 +09:00 版) <http://www.extype.com/karakuri/archives/2005/06/imglongdesc.html>

できればクリックで飛べるようになっていたらもっと良かったのかもしれませんけども、そこまでの必要もないですか。

(名無しさん)

[39] >>38 そこまでの必要もないと思った理由が謎。 (名無しさん)

[40] >>13

IBMホームページ・リーダー 日本語Windows版3.01 の場合、デフォルトでは、ふつうのテキストは男性音声、リンクが設定してあるところは女性音声、女性音声のところで [Enter] を押すとリンク先に移動できる、といったしかけになっており、longdesc属性が設定されている画像の場合、alt 属性の内容を読み終わったあとで「イメージの説明」という女性音が続きます。理解を深めるために、実際にホームページ・リーダーでこの記事の一部を読みあげた例(mp3, 216KB, 55秒)を用意しました。「偽春菜だから、しゃべる言葉も偽中国語。こんなぐあいだ。」というテキストに続いて、画像のalt属性の「可可逝世(カカ、セイセイ)!」を読みあげ、さらに女性の声で「イメージの説明」というアナウンスが入る点を注意して聴いてください。「イメージの説明」という言葉は HTMLのソースにありませんが、longdescを音声でレンダリングした結果です。(そこで [Enter] を叩くと、longdescで指定されたURIへ飛ぶし、もちろん「イメージの説明」というリンクを無視して先を読み続けることもできます。)

(名無しさん)

[41] >>13

alt属性としてすべての説明を直接、書き込んでは、まずいんでしょうか?

……というと、あなたは、この円グラフに興味があるかもしれないし、ないかもしれないわけです。晴眼ユーザなら興味がなければ一瞬で目をそらして読み飛ばせますが、音声ブラウザだと明示的にやめさせない限り、興味があろうがなかろうが、alt属性をえんえんと読み続けます。longdesc(ないし Dリンク)を使えば、画像の説明を聞きたいユーザだけ(その画像の内容に興味がある場合だけ)longdesc.htm を参照できる、というメリットがあります。しかしデメリットもあります。例えば「もし読んでいればあなたにとってとても興味深い情報が書いてあったのに、リンクをたどるのが面倒で読まずに飛ばしてしまって損する……」という場合もあるでしょう。

(名無しさん)

[42] >>13>>4 の規定から

本来、(教団側の布告によると)longdescはaltの補足であって、画像の補足ではありません。longdesc側からみれば、altはキャプションです。alt+longdescで、画像の代替です。だから、理論的には、画像が見えるユーザから、これらの属性は隠蔽されるべきです。

と述べています。確かに! (名無しさん)

[43] Bulletin Board System (2007-08-24 09:22:35 +09:00 版) <http://cgi34.plala.or.jp/go_west/wforum/wforum.cgi?no=43&mode=allread&act=past&pastlog=0001>

longdesc が実装されていないがどうすればという質問で、結局普通のリンクにするという結論に。2004年。 (名無しさん)

[44] OWL Test 7.4.3. Concerning rdf:XMLLiteral (2004-02-11 00:29:21 +09:00 版) <http://www.w3.org/TR/2004/REC-owl-test-20040210/misc-200-xmlliteral#misc-200-xmlliteral>

rdf:XMLLiteral試験longdesc を用いた例が登場していますが、単なる例で、そのリンク先は実在していないようです。 (名無しさん)

[45] longdesc とは (2007-08-24 09:38:30 +09:00 版) <http://www.weblio.jp/content/longdesc>

適応要素 :img、iframe、frame

この属性は、title属性による短文の説明を補う役目として利用されます。

(名無しさん)

[46] >>45 フレームはともかく、 imglongdesctitle を補うというのの根拠は? (名無しさん)

[47] 医療情報学連合大会ワークショップ発表資料(KeiYu HelpLab) (2007-01-01 09:32:13 +09:00 版) <http://www.keiyu.com/access/jcmi2001.htm>

まだlongdescに対応していないブラウザも多いので、画像の下に通常のハイパーリンクを設定し、詳細説明ファイルにジャンプさせるという手もあります。

(名無しさん)

[48] >>47

<IMG src="chart.gif" alt="売上グラフ" longdesc="sales.html">

これを実際の画面で見ると、次のようになります。

といってこの HTML 文書自体に img が使われているのですが、それには longdesc は使われていません。

とはいっても、その画像の内容の説明として十分な情報が既に本文の一部として語られているわけですが。

(名無しさん)

[49] iframe要素 HTML辞典 (2007-03-16 11:09:20 +09:00 版) <http://www.seo-equation.com/html/html/iframe#longdesc>

<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>

(名無しさん)

[50] >>49 これはひどい。 longdesctitle を説明するというのはこのような意味ではありますまいに。 (名無しさん)

[51] frame要素 HTML辞典 (2007-03-16 11:09:20 +09:00 版) <http://www.seo-equation.com/html/html/frame#longdesc>

わざわざ、説明用の文書を作成するのが面倒臭い場合は、サイトマップへの URI を指定する使い方でも良いでしょう。

(名無しさん)

[52] >>51 これはひどい。 (名無しさん)

[53] img要素 HTML辞典 (2007-03-16 11:09:20 +09:00 版) <http://www.seo-equation.com/html/html/img#longdesc>

視覚によらない音声出力環境に対して有効なもので、alt属性や title属性の内容を補うために用います。

(名無しさん)

[54] >>53 ここにも嘘を書き連ねてありますね。

HTML 4 には確かに非視覚的利用者エージェントで有用とは書かれているが、視覚によらない音声出力環境に対して有効などとは書いていません。 title を補うとも書いていません。

(名無しさん)

[55] 7つのポイント:3.画像について (2007-06-12 15:00:03 +09:00 版) <http://bfree.purewell.net/howto/3_image.html>

ただし、他のソフト (ホームページ・リーダー以外) の中には longdesc属性に対応していないものもあるので、現時点では <A>要素を用いたリンク設定をしておいた方が無難でしょう。

(名無しさん)

[56] 連載5-「みんなが使えるホームページの作り方」の解説(その1)(3):NICT (2006-11-17 16:03:30 +09:00 版) <http://www2.nict.go.jp/v/v413/103/topic/no5/page3.html>

本編記載の「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属性に対応していないブラウザでも、図の説明ページへのリンクが表示されるようになります。

(名無しさん)

[57] >>56 longdesc に対応した利用者エージェントでは同じリンクを2回目にする (または耳にするw) ことになりますが、良いのでしょうかね? (名無しさん)

[58] frame要素 (2007-03-11 16:11:30 +09:00 版) <http://w3g.jp/xhtml/dic/frame#longdesc>

>>53 と同じ。 (名無しさん)

[65] img要素 -- HTML 4.01リファレンス (石川 一靖 著, 2007-08-05 01:00:06 +09:00 版) <http://mynotes.jp/lecture/html4ref/img#longdesc-attr>

(名無しさん)

[66] Special Elements - IMaGe Element (2007-08-11 11:28:40 +09:00 版) <http://msugai.fc2web.com/web/tips/alt.html> (名無しさん)

[67] アクセシビリティガイドライン > 14. HTML4.01以降のバージョンを用いて作成... : 三井住友銀行 (2007-03-05 02:45:24 +09:00 版) <http://www.smbc.co.jp/accessibility/guidelines/guideline_14.html> (名無しさん)

[68] >>67 この銀行のサイトで、例に挙げられているような画像に実際に longdesc が使われているかというと、そうでもないようです。

例えば: 三大疾病保障付住宅ローン : 三井住友銀行 (2007-07-31 16:40:02 +09:00 版) <http://www.smbc.co.jp/kojin/jutaku_loan/yugu/sandai.html>

文字が大きかったり小さかったり、色が付いていたり箱で括ってあったり、な画像の内容を文字だけの1文にまとめた alt はとても読みにくい、聞きにくいと思うのですが。。。

longdesc を使うか、あるいは object代替内容を使うか、 どちらもあまり現実的ではなさそうですが。

(名無しさん)

[69] HITACHI : 日立製作所デザイン本部 : Webユニバーサルデザインガイドライン(6-8) (Hitachi, Ltd. 著, 2007-01-26 12:25:45 +09:00 版) <http://www.hitachi.co.jp/divisions/design/tech/univ/web/6-8.html#5>

(注)音声ブラウザの中には「LONGDESC属性」に対応していないものもあるので、そのようなブラウザを対象とする場合は、通常の<A>要素により解説ページへリンクさせましょう。

(名無しさん)

[70] >>69 そのようなブラウザを対象にしないとすると、この指針はいったい何を対象にしているのでしょう? (名無しさん)

[71] 掲示板/記事の個別表示 - TAG index (2007-08-24 10:32:44 +09:00 版) <http://www.tagindex.com/cgi-lib/q4bbs/patio.cgi?mode=view2&f=1218&no=8>

フレーム内に表示した文書からのリンクで、 活性化されると画像フレームAに、画像の説明をフレームBに同時に表示するようにしたいとの質問に対して、 img longdescスクリプトを使う例を示しています。 (longdesc に対応しているという仮定の元でなら) 画像スクリプトが無効な利用者エージェントでもアクセス可能になるので面白いです (が、現実には役に立ちません)。

(名無しさん)

[72] iframe要素 (2007-03-11 16:11:29 +09:00 版) <http://w3g.jp/xhtml/dic/iframe#longdesc>

>>49 と同じ (名無しさん)

[73] JavaScript/DOM &#187; フレーム/フレームセット | PHP & JavaScript Room (Yuko Tsutsumi, PJ 著, 2007-08-24 10:37:44 +09:00 版) <http://f32.aaa.livedoor.jp/~azusa/index.php?t=js&p=frame#longDesc>

相対パスで指定する場合、以下のようにIEとFirefoxでは同じページにも限らずパス指定が異なるようなので、絶対パス(http://〜)で指定しましょう。

IE: ./longdesc.html FF: ./include/js/frame/longdesc/longdesc.html

(名無しさん)

[74] >>73 意味がよくわかりません。 longDescWinIE 6 では文字列属性として扱われ、 Firefox 2 や Opera 9 では URI 属性として扱われる (相対参照解決される) ことを指しているのでしょうか? (名無しさん)

[75] ZSPC:SUPER HTML4.0 REFERENCE:画像・オブジェクト (ZSPC 著, 2001-07-04 22:11:30 +09:00 版) <http://www.zspc.com/html40/structure/object.html#img>

【使用例】

<IMG src="zspclogo.gif" alt="ZSPCトップページ" longdesc="ZSPCトップページへ戻る" width="200" height="90"> 

(名無しさん)

[76] >>75 属性の説明のところでははっきり URI と何度も明記しているにも関わらず、この例はひどい。 (名無しさん)

[77] 画像の埋め込みをするタグ (2007-01-13 17:27:46 +09:00 版) <http://www3.tokai.or.jp/janboon/element/img.html#Main>

※longdesc属性は、EZwebだけで使える属性のためEZweb以外の携帯では動作しません。

(名無しさん)

[78] >>77 EZweb動作するかのように説明されていますが、根拠は不明です。 auWebサイトを読む限りでは、 EZweb で使えると明記されているところを見つけることはできませんでした。 (名無しさん)

[79] 実践アクセシブルHTML - altはつけるだけじゃなくて (2006-06-08 16:40:51 +09:00 版) <http://w3j.org/articles/practicalaccessiblehtml/practicalaccessiblehtml01.html>

alt属性に関するHTML4.01 DTDのコメントでは「short description」となってしまっているのですが、longdesc属性に対応しているブラウザが少ない現状を踏まえて、alt属性はHTML3.2 DTDのコメントどおりに「for display in place of image」であると捉え、簡潔さという点にはそれほどこだわらなくても良いでしょう。

(名無しさん)

[80] タグで読む - だれもが読めるホームページを作るコツ (2001-12-26 00:00:00 +09:00 版) <http://kobobau.com/tips/ac/quicktips/ja4.html>

グラフや図が、ホームページに書かれている内容を理解するために重要な役目をもつときには、言葉による解説を補うことがたいせつです。簡単な要約をつけてもよいです。説明が長くなるときには、解説のページを別に用意して、上のように longdesc でリンクを書くこともできます。( longdesc がきちんとあつかえないパソコンが多いため、別に a タグも用いて、リンクを明示した方が無難です。ばうとみっち)

(名無しさん)

[81] webstudy (2007-08-24 11:03:24 +09:00 版) <http://www.nichibun.net/applications/collection/ac2001/ac0915/webstudy08.3.html>

属性:LANG

ALT属性、LONGDESC属性などで指定されるテキスト内容の言語の種類を指定します。

(名無しさん)

[82] >>81 langlongdesc に適用されるというのは出典が不明です。 (名無しさん)

[83] >>81

属性:LONGDESC

ALT属性で指定されるテキスト内容の詳細を、捕足説明する場合に使用します。

    例:<IMG SRC = "totop.gif" ALT = "トップへ"
    LONGDESC = "日文ネットのホームページの最初に戻る">
    のように記述します。

(名無しさん)

[84] >>83 これはひどい。 (名無しさん)

[85] Mozilla 0.9.7 リリースノート (2007-08-06 02:36:49 +09:00 版) <http://www.mozilla-japan.org/releases/mozilla0.9.7/index.html#new>

Mozilla が img タグの longdesc アトリビュートをサポートしました。longdesc アトリビュートには 画像がダウンロードできないときなどのために 画像を詳しく解説するファイルへのリンクを記述します。longdesc を表示するには、画像を右クリックし、コンテキストメニューで 'properties' をクリック、プロパティーダイアログで解説 URL をクリックします。

(名無しさん)

[86] HPR3.04のテストスーツの調査結果 (2006-03-14 20:39:33 +09:00 版) <http://www.comm.twcu.ac.jp/~nabe/data/UAResearch2005/HPR304/hpr304.html#2.3>

img要素のlongdesc属性は、画像の隣に「イメージの説明」というテキストリンクが表示され、longdesc属性で指定されたURLへ飛ぶことが出来る。

frame要素のlongdesc属性は、各フレームの左端に「フレームの説明」というテキストリンクが表示されlongdesc属性で指定されたURLに飛ぶことが出来る。

(名無しさん)

[87] HTML文書作成日記 : 2004年04月 (八橋大和 著, 2007-08-24 11:09:03 +09:00 版) <http://klezer.s53.xrea.com/net/200404#ID1401>

img 要素というのはインライン要素であるのでその代替テキストも HTML の観点から考えると必然的にインライン要素となってしまう。また、その img 要素を包括しているブロックレベル要素如何によっては ( HTML の観点からみると) alt 属性値がおかしなことになってしまう。具体的には p 要素に包括された img 要素の alt 属性値が ( p 要素は他のブロックレベル要素を包括できないため) p 要素以上のブロックレベル要素であってはおかしい。

しかしイメージが提供できる情報というのは大きく、 alt 属性値は時として複数のブロックレベル要素ともなり得るわけだ。ただ、前述したように img 要素はインライン要素であるので、その代替とされている情報を (あるいは、その情報がブロックレベル要素であったとしたならば) alt 属性値として提供するには無理があることが間々ある。

(名無しさん)

[88] Webコンテンツ・アクセシビリティ・ガイドライン 1.0の解説 (2001-10-01 10:51:19 +09:00 版) <http://fuji.u-shizuoka-ken.ac.jp/~ishikawa/wcga.htm>

対応していないユーザー・エージェントのために、画像の横に通常の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>

(名無しさん)

[89] そういえば、 longdesc を指定しましょうといっているのはよく見かけますが、 longdesc 文書はこう書きましょうという具体例は見かけません。 (名無しさん)

[90] 05/10/2003勉強会の記録 (2007-08-24 11:15:42 +09:00 版) <http://www.accessibility.org/workshops/May2003/minutes.html>

  • アイコンの alt属性と説明(キャプション)で、同じことが書かれていると音声ユーザは同じことを2回聞かされることになる。
  • 同じ説明を2度書くなら、altの方には、アイコンをイメージできるような言葉を入れたほうが意味がある。→alt属性を読む人が読んで楽しめる。
  • しかし、そういう用途として longdesc 属性が存在する。

(名無しさん)

[92] IMG - Inline Image(jp) (Liam Quinn 著, 2003-09-20 12:01:53 +09:00 版) <http://htmlhelp.com/ja/reference/html40/special/img.html>

LONGDESC属性は、画像の詳しい説明を記載する所です。この属性は、画像の説明で助けになる様なものを提供するために使わなければなりません。例えば、絵・グラフ・企業ロゴも、盲人やテキスト・ブラウザだけを使っているユーザーにも心の中で想像できる様な説明をしておかなければなりません。

(名無しさん)

[93] IMG - Inline Image (Liam Quinn 著, 2007-01-18 10:32:18 +09:00 版) <http://htmlhelp.com/reference/html40/special/img.html>

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.

(名無しさん)

[94] >>92-93 直上の属性一覧では URI だと明記してあるにも関わらず、この説明。これでは説明そのものを longdesc に書けと言っているようにしか読めません。 (名無しさん)

[95] HPR3.02のテストスーツの調査結果 (2006-03-14 20:20:41 +09:00 版) <http://www.comm.twcu.ac.jp/~nabe/data/UAResearch2005/HPR302/hpr302.html#2.3>

img要素のlongdesc属性は、画像の隣に「イメージの説明」というテキストリンクが表示され、longdesc属性で指定されたURLへ飛ぶことが出来る。

frame要素のlongdesc属性にもアクセスすることが出来ない。

(名無しさん)

[96] メールマガジン 第95号/初心者のためのホームページ作り (2004-06-30 19:41:12 +09:00 版) <http://www.scollabo.com/banban/magazine/magazine_095.html>

longdesc属性は、視覚系ブラウザではサポートされていませんが、音声ブラウザでは有効に作用しますので、重要な情報を持った画像には利用する価値があります。

(名無しさん)

[97] アクセシビリティ ガイドライン (2007-08-24 11:30:10 +09:00 版) <http://www.wam.go.jp/ca02/ca02b11.html>

本サイトではlongdescを用いずに、その前後にテキストで要約を付けるように努めています。

(名無しさん)

[98] アクセシビリティ ガイドライン (2007-08-24 11:30:10 +09:00 版) <http://www.wam.go.jp/ca02/ca02b11.html>

本サイトではlongdescを用いずに、その前後にテキストで要約を付けるように努めています。

(名無しさん)

[99] アクセシビリティ ガイドライン (2007-08-24 11:30:10 +09:00 版) <http://www.wam.go.jp/ca02/ca02b11.html>

本サイトではlongdescを用いずに、その前後にテキストで要約を付けるように努めています。

(名無しさん)

[100] frameは本当に便利か (kuruman.org > 駄的HTML改善計画) (2006-08-16 00:00:00 +09:00 版) <http://kuruman.org/dateki/frame#attr>

frame要素にはそのフレーム枠の説明を記述した文書と関連づける為にlongdesc属性が準備されています。title要素では役不足になってしまう場合はlongdesc属性を用いましょう。尚、longdesc属性の値はフレーム枠の説明を記述した文書のURIです。

(名無しさん)

[101] >>100 title 要素とは title 属性の誤りでしょうか。役不足とは何を指してそういっているのでしょうか。 フレーム枠とは何でしょうか。 (そもそもフレーム自体の意味です。) (名無しさん)

[102] アクセシビリティガイドライン > 19. 画像には、前後の文脈やビジュアルの意味、読み上げ環境等に考慮して... : 三井住友銀行 (2007-03-05 02:45:24 +09:00 版) <http://www.smbc.co.jp/accessibility/guidelines/guideline_19.html>

  • 画像(img要素、area要素、type="button"であるinput要素)の場合、alt属性値に代替テキストを指定します。
  • alt属性値は簡潔にし、長くなる場合にはlongdesc属性で詳細の解説へとリンクさせます。

(名無しさん)

[103] >>102 その文書に登場する画像alt からして既に長い気がするのですが。。。 (名無しさん)

[104] 講演資料(梅垣)テキスト版 (2006-04-04 18:08:50 +09:00 版) <http://www.soumu.go.jp/joho_tsusin/w_access/060309_1_si2_txt.html>

Img要素のlongdesc属性

JAWS、ホームページリーダーでは扱えるが、それ以外のスクリーンリーダーでは、longdesc属性を扱えない

(名無しさん)

[105] サイト利用条件 - 本ウェブサイトへのリンク | 社会福祉法人 たすけあい ゆい - 介護 看護 支援 総合福祉サービス (2007-08-24 11:46:48 +09:00 版) <http://www.yui-yui.net/terms/sitelink.html>

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>

(名無しさん)

[106] IMG [XHTML リファレンス : WEB ARCHIVES] (flyson 著, 2007-08-24 11:47:37 +09:00 版) <http://diary.noasobi.net/flyson/xhtml_ref/img.html>

表示する画像の説明が title 属性だけでは不十分な場合、 説明を記述した文書の URI を指定します。

誤り。 (名無しさん)

[107] サービス案内 | リンク切れチェックサービス (2007-02-21 07:53:28 +09:00 版) <http://www.smilecore.com/linkcheck/>

チェックするリンク

<frame src="URL" longdesc="URL">

<iframe src="URL" longdesc="URL">

なぜか img longdesc は対象外。 (名無しさん)

[108] 掲示板/JavaScript質問板/LITEBOX リンク時の点線を消したい - TAG index (2007-08-24 11:49:08 +09:00 版) <http://www.tagindex.com/cgi-lib/q4bbs/patio.cgi?mode=view&no=1093>

aリンクすると焦点を表す点線が現れるのが嫌だという質問者。 a を使わなければいいということで、でもリンク先 URI は指定しなければならない、 img を使っているので usemap を使えばいい! ということに。 わずかな見た目を追求するためだけにすべてが狂っていく、いい反面教師ですね。 (名無しさん)

[109] IBM dW : XML : HTMLの将来、パート2:XHTML 2.0 - Japan (2007-08-24 11:58:12 +09:00 版) <http://www-06.ibm.com/jp/developerworks/xml/060217/j_x-futhtml2.shtml#f>

HTMLの<img>タグは、実際には、あまり柔軟性がありません。Pembertonが指摘したように、代用メカニズムはaltテキストしかなく(新しい画像形式の採用を妨げています)、altテキストをマークアップすることはできず、また、longdesc属性は使いづらいため、ほとんど使われていません。(longdescは、alt属性で表示されるよりも詳しい画像の説明があるURIを示すために使用されます。)

XHTML 2.0では、この問題に対するお見事な解決策が導入されました。すなわち、どんな要素にもsrc属性を指定できるようになりました。これによりブラウザーは、要素の内容をURIの内容で置き換えます。単純な例では、これは画像です。しかし、ブラウザーが表示できるものであれば、SVGでも、XHTMLでも、その他のコンテンツ・タイプでもかまいません。

(名無しさん)

[110] >>109XHTML 2 の紹介なので XHTML 2 はすごい! というような書き方ですが、 代替内容マーク付けを含められるというだけなら HTML 4object でもできることです。

XHTML 2 がすごいと主張するなら、 src がどの要素型にでも指定できることの良さを説明しないといけません。 (名無しさん)

[111] ソシオメディア:W3C/WAI アクセシビリティ&#65381;ガイドライン:付録 B (2007-08-24 11:58:53 +09:00 版) <http://www.sociomedia.co.jp/resources/WCAG10/wcag10_apd_b.html>

代替形式の複雑さによっては、複数のテクニックを組み合わせる必要がある。たとえば、サイトになじみのあるユーザには、alt属性を使って省略語の代替情報を提供すればいいが、サイトを初めて訪れるユーザには、longdesc属性使って詳細を説明したリンク先を設けたほうが分かりやすい。

(名無しさん)

[112] インライン要素 - ばけらの HTMLリファレンス (2007-05-06 20:42:46 +09:00 版) <http://www.ne.jp/asahi/minazuki/bakera/html/reference/inline#img>

この属性に対応しているブラウザはあまりないようですので、別に説明へのリンクを用意した方が良いかも知れません。

(名無しさん)

[113] iWeb 恐るべし。【追記あり】 (Kawa 著, 2006-08-18 15:10:03 +09:00 版) <http://digicool.org/iblog/C1733344080/E1697746391/>

ソースを見てみると文字列を画像化する際にLONGDESC属性を持たせて、そこにテキストを入れてSEO対策の代わりとしているようです。 本来、LONGDESC属性ってのは参考先のURLを記述するものだとばっかり思っていたのだけど、ALT属性の長文版として使う方法もあるということですね。 うーん、しかし変な仕様だ。

(名無しさん)

[114] >>113 いくつか iWeb で作られたWeb頁をみましたが、 そこに書かれているような用例は見当たりませんでした。 (名無しさん)

[115] XHTML Frequently Answered Questions (2004-07-30 21:50:39 +09:00 版) <http://www.w3.org/MarkUp/2004/xhtml-faq#img>

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.

(名無しさん)

[116] ねこめしにっき(2004年5月前半) (2006-01-06 03:45:18 +09:00 版) <http://www.remus.dti.ne.jp/~a-satomi/nikki/2004/05a.html#d06n01s05>

何を代替テキストにすれというのか。そのページのセリフやら情景やらをノベればいいのか。むしろそれは longdesc ではないのか。仮にそうして longdesc を設定するして、そんな途方もない作業は現実ムリではないのか。というかそもそも絵や漫画を文字で語るのはヤボの極みではないのか。

イラストコンテンツはそれ自体が最小最大の情報なのであって、代替は存在しない。

[405] MAMA: Common attributes - Opera Developer Community ( 版) <http://dev.opera.com/articles/view/mama-common-attributes/#longdesc>

メモ

[406] SMIL 3.0 Media Object ( 版) <http://www.w3.org/TR/2008/REC-SMIL3-20081201/smil-extended-media-object.html#adef-longdesc>

[407] rel="longdesc" (was: providing a long description using the summary and details elements.) ( (Leif Halvard Silli 著, 版)) <http://lists.w3.org/Archives/Public/public-html/2010Aug/0297.html>

[408] Research: Longdesc ( ( 版)) <http://www.d.umn.edu/~lcarlson/research/ld.html>

[409] ChangeProposals/InstateLongdesc - HTML WG Wiki ( ( 版)) <http://www.w3.org/html/wg/wiki/ChangeProposals/InstateLongdesc>

[410] 1996 – Support LONGDESC for IMG ( ( 版)) <https://bugzilla.mozilla.org/show_bug.cgi?id=1996>

[411] HTML Image Description Extension ( ( 版)) <http://www.w3.org/TR/2013/WD-html-longdesc-20130312/>

[412] IRC logs: freenode / #whatwg / 20130402 ( ( 版)) <http://krijnhoetmer.nl/irc-logs/whatwg/20130402#l-269>

[413] 3658 – (frame-longdesc) UAAG: frame/iframe longdesc attribute not used [frame] ( ( 版)) <https://bugzilla.mozilla.org/show_bug.cgi?id=3658>

[414] 1996 – (longdesc) Support LONGDESC for IMG ( ( 版)) <https://bugzilla.mozilla.org/show_bug.cgi?id=1996>

[415] 854848 – Support the longdesc attribute ( ( 版)) <https://bugzilla.mozilla.org/show_bug.cgi?id=854848>

[416] Issue 224285 - chromium - Expose longdesc in context menu - An open-source project to help move the web forward. - Google Project Hosting ( ( 版)) <https://code.google.com/p/chromium/issues/detail?id=224285>

[417] IRC logs: freenode / #whatwg / 20130403 ( ( 版)) <http://krijnhoetmer.nl/irc-logs/whatwg/20130403#l-168>

[418] Bug 21566 – User agents must present longdesc through normal interfaces. ( ( 版)) <https://www.w3.org/Bugs/Public/show_bug.cgi?id=21566>

[419] IRC logs: freenode / #whatwg / 20130604 ( ( 版)) <http://krijnhoetmer.nl/irc-logs/whatwg/20130604#l-824>

[420] Call for Review: HTML5 Image Description Extension (longdesc) Updated ( (Shawn Henry 著, 版)) <http://lists.w3.org/Archives/Public/w3c-wai-ig/2013AprJun/0262.html>

[421] HTML5 Image Description Extension ( ( 版)) <http://www.w3.org/TR/2013/WD-html-longdesc-20130606/>

[422] HTML5 Image Description Extension (longdesc) ( ( 版)) <http://www.w3.org/TR/2013/WD-html-longdesc-20130716/>

[423] IRC logs: freenode / #whatwg / 20140109 ( ( 版)) <http://krijnhoetmer.nl/irc-logs/whatwg/20140109#l-476>

[424] niconico ( 版) <http://www.nicovideo.jp/>
<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>

[425] >>424 は初期状態で画像を含む領域が非表示になっているので画像を読み込まないで、 利用者の操作によって表示される状態になった時に画像を読み込むために longdesc 属性を削除してその値を src 属性に入れているみたいでした。

[426] HTML5 Image Description Extension (longdesc) ( ( 版)) <http://www.w3.org/TR/2014/CR-html-longdesc-20140812/>

[427] Re: Call for consensus - longdesc to CR ( (Edward O'Connor 著, 版)) <http://lists.w3.org/Archives/Public/public-html-a11y/2014Jun/0115.html>

[428] Formal Objection to advancing the HTML Image Description document along the REC track ( (Edward O'Connor 著, 版)) <http://lists.w3.org/Archives/Public/public-html-admin/2014Aug/0028.html>

[429] <img longdesc=...>について ( ( 版)) <http://deztec.jp/x/10/faireal/d11223_2.xml>

[430] IRC logs: freenode / #whatwg / 20141204 ( ( 版)) <http://krijnhoetmer.nl/irc-logs/whatwg/20141204#l-713>

[431] W3C CR: Image Description Test Results ( ( 版)) <https://w3c.github.io/test-results/html-longdesc/cr-report.html>

[432] Adding Londesc support to Opera 10.10 | iheni ( ( 版)) <http://www.iheni.com/londesc-support-opera-1010/>

[433] HTML5 Image Description Extension (longdesc) ( ( 版)) <http://www.w3.org/TR/2014/PR-html-longdesc-20141204/>

[138] HTML5 Image Description Extension (longdesc) ( ( 版)) <http://www.w3.org/TR/2015/REC-html-longdesc-20150226/>

[139] HTML5 Image Description Extension (longdesc) ( 版) <https://dvcs.w3.org/hg/html-proposals/raw-file/default/longdesc1/longdesc.html>

[148] HTML5 Image Description Extension (longdesc) ( 版) <http://www.w3.org/TR/2015/REC-html-longdesc-20150226/>

if (i.longdesc)

window.open(i.longDesc);

[149] W3C CR: Image Description Test Results ( 版) <http://w3c.github.io/test-results/html-longdesc/cr-report.html>

[152] Longdesc shouldn't be described in text - ignores modularization · Issue #507 · w3c/html () <https://github.com/w3c/html/issues/507>

[153] Formal Objection to advancing the HTML Image Description document along the REC track (Edward O'Connor著, ) <https://lists.w3.org/Archives/Public/public-html-admin/2014Aug/0028.html>

[154] W3C Proposed Recommendation: longdesc () <https://lists.mozilla.org/pipermail/dev-platform/2015-January/008355.html>

[155] Disappointed in @W3C for Recommending Longdesc - Tantek () <http://tantek.com/2015/057/b1/disappointed-in-w3c>

[156] W3C Proposed Recommendation: longdesc () <https://lists.mozilla.org/pipermail/dev-platform/2015-January/008233.html>

[157] CFC on referencing the Image Description (longdesc) extension (Léonie Watson著, ) <https://lists.w3.org/Archives/Public/public-html/2016Aug/0001.html>

[158] WG Decision on referencing the Image Description (longdesc) extension (Adrian Bateman著, ) <https://lists.w3.org/Archives/Public/public-webapps/2016JulSep/0061.html>

[159] WebPlatformWG/imagedesc-08-2016.md at gh-pages · w3c/WebPlatformWG () <https://github.com/w3c/WebPlatformWG/blob/gh-pages/decisions/imagedesc-08-2016.md>

[160] Remove longdesc in favor of module by arronei · Pull Request #562 · w3c/html () <https://github.com/w3c/html/pull/562>

[161] 結局、最初から最後まで理論上だけの存在で、 どう書いてどう使えばどういう効果が得られるのかというのを誰も知らなかったし、 誰も明確にしようとしないまま月日が過ぎていった、 というのが失敗の理由なのですかねぇ。 アクセシビリティーのためには longdesc を設けないといけない、 書かないといけない、という政治的に正しい主張で押し切ろうとしたから、 役に立たないごみが量産されてどんどん状態が悪化していったと。

[162] DESC discussion (Al Gilman著, ) <https://lists.w3.org/Archives/Public/w3c-wai-ig/1997OctDec/0006.html>

[163] HTML4/CSS2 Accessibility Recommendations () <https://www.w3.org/WAI/PF/guide.html#DESC>

[164] Remove longdesc as obsolete for <img>? · Issue #3716 · whatwg/html () <https://github.com/whatwg/html/issues/3716>

[165] Remove longdesc as obsolete for <img>? · Issue #3716 · whatwg/html () <https://github.com/whatwg/html/issues/3716>