html - アクセシブルな h1 をロゴ付きにする方法

Question

ホームページにリンクされたロゴを持ち、h1を持っているが見えない方法はありますか

私はこのようなレイアウトを持っています

 <header id="pageHeader">
                    <h1>
                        <a href="<?php bloginfo('url'); ?>">
                        <?php bloginfo('name'); ?>
                        </a>
                    </h1>

次に、CSSを使用して画像を背景として使用しましたが、ロゴが読み込まれません。

  header#pageHeader h1 a {
  width:130px;
  height:70px;
  text-indent:-9999px;
  background:url(/pict/logo.png);
  background-repeat: no-repeat;
}

Answer 1

アクセス方法は、

<h1><a href=...><img src=... alt=... border=0></a></h1>