このブログのコンテンツはMokoによる文章と、生活の記録です. らくがきは http://mokograffiti.tumblr.com/ (独習美術解剖学)にあります.

O2-oxygenのインデックス



Firefox, Safari on Mac はリンクをフォーカスしない

1つ前の記事に関連して。
a:focusの挙動を少しいじったので、Chrome以外のブラウザでも動作確認しようとしたら、タイトルのような状況を知りました。
FirefoxもSafariも、Tabキーを押しても文章中のリンクやタイトル画像を一切フォーカスしません。そこで、試しにAppleのトップページでTabキーを押してみても全く反応しませんでした。
Chromeはすべてのリンクに、これでもかとフォーカスしてくれるというのに…。

以下は、それぞれAppleのトップページを開き、Tabキーを12回押した時のスクリーンショットを撮ったもの。

Chrome 5.0.375.127でフォーカスを試した時↑Chrome 5.0.375.127の時。あらゆるリンクに青い枠でフォーカスが付く(iPod nanoのところ)。また、フォーカスを合わせる枠が下に移動するにつれ、画面が自動的にスクロールされる。

Safari5.0でTabキーフォーカスを試した時

Safari 5.0の時。検索窓にだけフォーカスが移動するが、他のリンクは一切無視された。

Firefox3.6.4でTabキーフォーカスを試した時。画面がスクロールすらしない

Firefox 3.6.4の時。Safariと同じく検索窓にフォーカスが移動したあとは、画面の外側にうっすら点線枠が付くのみ。

もうマウスという入力デバイスを持っていないやつが淘汰されるべきということなのか、単純に実装していないのか、時代はマルチタッチディスプレイだよねと言いたいのか、どれなんだ。


コメント(7件)»

  1. Piro からのComment — 2010 年 9 月 8 日 @ 10:53

    うちのFirefox 3.6は普通にフォーカスが移動しますけど……
    何かアドオンの影響ということはないでしょうか?

  2. Piro からのComment — 2010 年 9 月 8 日 @ 10:56

    あMacの話なんですね。すみません……

    しかし今、他の人のOS Xマシン上で試してもらった所、そちらもちゃんと動いていました。やはり環境の問題という気がします。

  3. Moko からのComment — 2010 年 9 月 8 日 @ 11:03

    >Piroさん

    環境ですか…うーん、とりあえずすべてのアドオンを無効化して試してみたんですが、やっぱり同じような挙動でした。何がだめなんだろ。

  4. yigi からのComment — 2010 年 9 月 9 日 @ 08:44

    そういえば、入力フォーム以外フォーカスしないねぇ。
    Firefox3.6.8 on Snow Leopard

    以前、マウスだけでキーボードのついてないMacを発売してたこともあるし…そういうことなんかな?

  5. sho からのComment — 2010 年 10 月 3 日 @ 15:31

    Safari でフォーカスをリンクを含めて巡回したい時はOption+Tab ですよ

  6. Moko からのComment — 2010 年 10 月 3 日 @ 16:41

    >shoさん

    ありがとうございます!
    Safariでフォーカスできることを確認しました。
    Firefoxではダメのようですね…

  7. あきら からのComment — 2010 年 10 月 8 日 @ 10:50

    通りすがりですが…。
    Firefoxの場合、about:configでaccessibility.tabfocusという項目を作って、その値に6だったか7だったかを入れてやれば、Windows同様の挙動になるはずです。

コメントする

この記事のメタ情報

この記事のカテゴリ
CSS,HTML,Webの話,ブラウザ
この記事につけられたタグ
タグ: , ,
この記事の書かれた日付と日時
2010年9月8日 3:03
この記事のトラックバックURL
http://oxygen.kerox.info/archives/935/trackback
この記事のパーマルリンクURL
http://oxygen.kerox.info/archives/935

Mokoについて

巨大ジャンガリアンです。

もっと読む

Twitter

Twitterの呟きが表示されます

呟いた時間

Mokoをフォローする

最新の投稿3件

カテゴリ

アーカイブ

さらに前の日記

最近のコメント

ブックマーク

メタ情報

  

テーマの切り替え

O2-oxygen Sea はわりと無難な造りなので, どの環境でも大体同じように表示されます(IE7で見たら, 隠れているべきhr要素が消えずに露骨に残っていましたが, 関与しません). 一方 O2-oxygen Sea modern は、HTML5+CSS3 で冒険したテンプレートなので, Safari4, Chrome5 でのみ意図通りの表示をします. Firefox3.6 でも多少のズレはあるものの, 閲覧に支障のない表示をします.