web-dev-qa-db-ja.com

リンクでGuillemets(laquoおよびraquo)を使用することは悪い習慣ですか?

リンクでギルメ"(&amplaquo;)と"(&ampraquo;)のHTMLエンティティを使用することは悪い習慣ですか?

元々は、フランス語やスペイン語などの多くの言語で引用符を示すために使用されていました。これらをまったく別のものに使用することは悪い考えですか?

"前へ次へ"

スクリーンリーダーとは?

他の重要な考えはありますか?

14
voodoocode

昔はかなり一般的だったので、おそらくアンチパターンの形になっています。

しかし、あなたは正しいです。これらは実際には句読文字です...視覚的な矢印ではありません。そのため、スクリーンリーダーで声を出して読み上げる(またはフランス語の場合は表示する)のは厄介です。

今日、私は主張しますが、CSSを使用することで、もっと上手にできるようになります。必要に応じて矢印アイコンを作成し、リンク内の背景画像として使用します。これにより、アクセシビリティの問題が解決されます。さらに、視覚的に適切に見えるようにする柔軟性が提供されます。

6
DA01

それは意味的に正しくなく、その不正確さのすべての影響についてはわかりませんが、次のような意味的に適切な文字を使用することをお勧めします
右矢印→(→)および左矢印←(←)。ほとんどのスクリーンリーダーは、それらを監査できる場合、文字名(「右矢印」と「左矢印」)を使用するだろうと思います。これは、おそらく「左二重山かっこ」を監査するよりも優れています。

もちろん、好きなように見えてスクリーンリーダーからは見えない背景画像を使用することもできますが、文字の使用には何の問題もありません。文字を使用すると、画像よりもパフォーマンスが向上します(ペイロードが軽くなります)。

11
obelia

グラフィックスよりも文字を使用する場合のパフォーマンスを向上させたいが、本当にアイコンであるものも必要な場合は、 font awesome を参照してください。これらはスケーラブルであり、スクリーンリーダーを作動させません。

1
Franchesca

多分スタイルは<style />

CSS:

.prev:before { content: "« "; }
.next:after { content: " »"; }

HTML:

<a class="prev" href="prev.html">previous</a>
<a class="next" href="next.html">next</a>

結果は次のようになります。

« previous   next »
1
vahanpwns