Home > Webアクセシビリティ > PC-Talkerでページ内リンクが有効になる技

PC-Talkerでページ内リンクが有効になる技

ページ内リンクをPC-Talkerでは対応してないそうです(なんだってー)。HPRは対応していますが。
一応対応させる方法があるようなので忘れないうちにメモ。

(今回はPC-TalkerXP+IE6で検証しています。)

対応していないというのはリンクを押して画面は移動するけど、実際のフォーカスは移動していない現象。ジャンプのリンク押した後、CTRL+下キーを押せば確実に再現できるはず。

なぜかジャンプ先をテーブルタグで囲むとちゃんと動作するのです。ふしぎ!
asahi.comが実践していました、狙ってやってるとしたら…。

PCTでページ内リンクが正常に動かないサンプル

<p>ここから本文エリア</p>
<div id="cnt">
<p>
本文本文本文本文本文本文本文本文ほほほほほほ
</p>
</div>

PCTでページ内リンクが正常に動くサンプル

<table><tr><td>
<p>ここから本文エリア</p>
<div id="cnt">
<p>
本文本文本文本文本文本文本文本文ほほほほほほ
</p>
</div>
</td>
</tr>
</table>

まあこれだけの為にテーブルタグは使うのはちょっと…。
UAのシェアにもよるんですがPCT+IEって結構好きなUAなのでできればもっとマシな手法を見つけたいという心境。

あ、今回の内容はWebアクセシビリティ入門Wikiに反映済みです。

Home > Webアクセシビリティ > PC-Talkerでページ内リンクが有効になる技

Search
Feeds

Page Top