Angle quotes (a.k.a. guillemets)は、ページネーションなどの矢印としてよく使用されます。たとえば、この画像は、Bootstrapのサイトの ページネーションの例 からのものです。
アメリカのネイティブスピーカーとして、これらの記号は気の利いた矢印のように見えますが、多くの国では引用符として機能します。その理由でそれらを避けるべきですか?
より具体的には、引用符としてアングルクォートを使用する言語のネイティブスピーカーが、上記の例のように、矢印としての使用を、奇妙または不適切と感じるかどうかに興味があります。したがって、私はそれらの言語の話者からの応答に特に興味があります。
免責事項:私は、引用を表す方法としてギルメットを使用する言語のネイティブスピーカーではありません。しかし、参照されているコンテンツがフレーズであるかページ分割のケースであるかを識別するのにコンテキストがどのように役立つかについての見解を提供したかった
ブートストラップの独自の例を取る
コンテンツの分割または分離は、セクション内の要素の異なる関係を確立するのに役立ち、ページ付けの方法であることを確立するのに役立ちます。ただし、デザインが
<< 1 2 3 4 5 6 >>
ユーザーは、これが引用であるという前提を破る明確なブレークポイントがないため、混乱する可能性があります。
また、複数のページ編集のデザインが同様の形式に従うことで、ユーザーが簡単に接続を確立できるようにします。
参照:これらの画像はすべて、これから参照されました 雑誌の記事を破壊しています
ユーザーがどのように関連付けを行うかに関するGoogle、Bing、Amazonの例を以下に示します
Bing
Amazon
また、上記の例では、ページネーションがコンテンツのリストビューを表示するために一般的に使用されるため、上記のコンテンツタイプはユーザーが接続を確立するのにも役立ちます。
この質問に答えるためにロシア語またはフランス語を話す人に本当に会いたいのですが、私はこれらの2つの言語(に沿って に沿って)フランス語、ノルウェー語、ロシア語のサイトがページネーションをどのように処理するかを簡単に調査しましたギルメットを使用する )
フランスのサイト
この簡単な調査で見つけた重要なテーマは、ギルメットが完全な意味で使用されていない一方で、(フランスのサイトの例を参照)、ほとんどのページネーションの方法は、シェブロンやギユメットの使用を避け、色とハイライトを使用してユーザーのフォーカスを引くという、より安全な方法に進んでいるようです。ただし、これはあくまでも予備的な調査であり、さらに深く掘り下げる必要があります。
フランス語での経験では、ギルメットを一般的に使用していますが、"と"をそれぞれ前のページのリンクと次のページのリンクとして使用し、矢印のアフォーダンス(ページ番号と同じようにボックス化するなど)を使用すると混乱することはありません。 、Mark Nugentが提供する例のように)確実にそれを保証します。
他の人が言及したように、あなたの最大の課題は、テキストの意味的な意味です。これは、ギユメットや自分が指す方向が見えない視覚障害者にとって特に重要です。
そのため、リンクのタイプを識別するrel
値と aria-label
スクリーンリーダーに何を言うかを伝える値 。
例:
<a href="?p=2" rel="next" aria-label="Next page">»</a>
非盲目のユーザーは、通常、_«
_と_»
_のシンボリックな使用法にすでに精通しており、_‹
_/_›
_、_<
_/_>
_、_<<
_/_>>
_。色、サイズ、パディング、境界線は、認識性を向上させることができます。サンプル画像は、後者の2つが正常に使用されていることを示しています。シンボルの開いた/高い側のローカライズされたテキストはさらに役立ちます。ただし、テキストラン内に表示された場合は、問題が発生する可能性があります。
数年前、Operaブラウザは、HTMLドキュメント内の「次の」リンクを自動的に発見してforward関数(ボタンとキーボードショートカット)、上記のシンボリックパターンのほとんどをサポートし、リンクテキストとターゲットにあるいくつかの言語のキーワードも知っていました。もちろん、HTMLセマンティクス_rel=next
_もサポートされていました。同様のアドオンが利用可能です他のブラウザでも同様ですが、スクリーンリーダーには同様のロジックが組み込まれていると思います。
代替テキストの場合と同様に、ISO標準のページアップキーとダウンキーの矢印記号は、それぞれU + 21DE⇞とU + 21DF⇟です。ローテーションされたバリアントは、Unicode、U + 21FA⇺およびU + 21FB⇻でも利用できます。ただし、それらはほとんどの人には馴染みがなく、キートップに属しているため不適切です。 前および次のページ、U + 2397⎗U + 2398 forの直感的な記号も見つかります。ただし、これらはページングされたメディアを対象としており、ページごとにnアイテムのみが表示されるページ分割されたコンテンツを対象としていません。メディアの再生では、標準の前後にスキップ記号U + 23EE⏮およびU + 23ED⏭は水平タビュレーター U + 21E4⇤およびU + 21E5⇥(ただし、まったく新しくエンコードされ、ほとんどサポートされていません)。一方、U + 23EA⏪およびU + 23E9⏩(できる)は高速後方/前方を意味します。 U + 2347⍇やU + 2348⍈、U + 2350⍐やU + 2357⍗などのAPLシンボルの使用は控えてください。名前に「右向き」のUnicode文字はさらに多くありますが、意味的に仕事に最適な文字はありません。
ただし、次のページのシンボルをページ分割されたコンテンツの右下隅に組み込むのはいいことだといつも思っていました。 HTML5では_<article>
_、犬の耳のようなもの。ビューが一番下に到達すると、より多くのコンテンツが動的に自動ロードされることが多いため、これは今日ではあまり関係がありません。
この2つの矢印は、そのバーにあるページ数であるため、「5ページ進む/進む」と解釈します。
だから、あなたはいけません。
ボタンの意味の見方:
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
|<
... >|
最初...最後のページ
<<
... >>
後退...アドバンス5ページ
<
... >
前へ...次のページ
注:汎用的であるため、ギレモットの代わりに2つの小さい/大きい記号を使用しました。