送られてきたコードを評価していますが、なぜそれが起こっているのかわかりません。
[編集]:コードは e ラーニング ソフトウェアである Lectora によって生成されるため、手作業は一切行われていません。見苦しいインライン コードをスタイルシートに押し込むことはできません。
[編集 2] buttonxxxは、lectora に似た機能で、イメージ マップのような目に見えないホットスポットを作成できるようにします。私はそのソフトウェアを持っていませんし、それを作っている人はあまり技術に精通していません。
HTML
<p style="margin-left:0px;text-indent:0px;line-height:1.160;margin-top:0px;margin-bottom:0px;text-align:left;" >
<a href="##Action 7515" ><span class="text3708Font1" >Table of
Contents</span ></a ><a href="##Action 7515" ><span class="text3708Font2" style="background-color:transparent" >
</span ></a ></p >
<p style="margin-left:0px;text-indent:0px;line-height:1.160;margin-top:0px;margin-bottom:0px;text-align:left;" >
<span class="text3708Font3" style="background-color:transparent" >
</span ></p >
<p style="margin-left:0px;text-indent:0px;line-height:1.160;margin-top:0px;margin-bottom:0px;text-align:left;" >
<a href="##Action 3710" ><span class="text3708Font4" >Edgar's
Dilemma</span></a ><span class="text3708Font5" style="background-color:transparent" >
</span ></p >
該当すると思うJavaScript。ページには約 530 行の JS があります。
button6458 = new ObjButton('button6458','table of contents',1,69,70,37,1,8,'div')
button6458.setImages('transbtn.gif',null,null,'images/')
button6458.onUp = button6458onUp
button6458.hasOnUp = true
button6458.capture=4
button6458.build()
button6459 = new ObjButton('button6459','course beginning story',2,112,67,36,1,9,'div')
button6459.setImages('transbtn.gif',null,null,'images/')
button6459.onUp = button6459onUp
button6459.hasOnUp = true
button6459.capture=4
button6459.build()
しかし、スクリーン リーダーを使用してこれをナビゲートすると、次のようにアナウンスされます。
目次 [link]、[link] (目次の s の後のスペース)、Edgar's Dilemma [link]、[link] (edgar と what is 508 の間のスペースのスペース文字)、目次 (現在発表されているとして「目次 [リンク] に移動」)、エドガーのジレンマ (現在は「コースの最初のストーリーに移動 [リンク]」として発表)
アンカーが読み取られる理由についてのアイデアがあれば、javascript が最適です。
解決:
ソース コードの途中で、いくつかの JS が作成されました。これにより、上記の JS コード ブロックを介して 2 番目のリンク セットが作成されます。がらくたを取り除くと、ソース コードは基本的に次のようになります。
<a href="#">Table of contents</a>
<a href="#"> </a>
<a href="#">Edgar's Delimma</a>
<a href="#">go to Table of contents</a>
<a href="#">go toEdgar's Delimma</a>
がどのように作成されているかわかりません
。