web-dev-qa-db-ja.com

矢印引用符を矢印として使用する必要がありますか?

Angle quotes (a.k.a. guillemets)は、ページネーションなどの矢印としてよく使用されます。たとえば、この画像は、Bootstrapのサイトの ページネーションの例 からのものです。

enter image description here

アメリカのネイティブスピーカーとして、これらの記号は気の利いた矢印のように見えますが、多くの国では引用符として機能します。その理由でそれらを避けるべきですか?

より具体的には、引用符としてアングルクォートを使用する言語のネイティブスピーカーが、上記の例のように、矢印としての使用を、奇妙または不適切と感じるかどうかに興味があります。したがって、私はそれらの言語の話者からの応答に特に興味があります。

25
Mark Nugent

免責事項:私は、引用を表す方法としてギルメットを使用する言語のネイティブスピーカーではありません。しかし、参照されているコンテンツがフレーズであるかページ分割のケースであるかを識別するのにコンテキストがどのように役立つかについての見解を提供したかった


それには2つの側面があると思います

  1. これは、ユーザーがフレーズを参照しているかどうか、またはサイトがページネーションを参照しているかどうかをユーザーが視覚化できるケースの1つだと思います。これは、デザイン構造によりユーザーが接続を確立できるためです

ブートストラップの独自の例を取る

enter image description here

コンテンツの分割または分離は、セクション内の要素の異なる関係を確立するのに役立ち、ページ付けの方法であることを確立するのに役立ちます。ただし、デザインが

<< 1 2 3 4 5 6 >>

ユーザーは、これが引用であるという前提を破る明確なブレークポイントがないため、混乱する可能性があります。

また、複数のページ編集のデザインが同様の形式に従うことで、ユーザーが簡単に接続を確立できるようにします。

enter image description here

enter image description here

enter image description here

enter image description here

enter image description here

参照:これらの画像はすべて、これから参照されました 雑誌の記事を破壊しています

  1. ポジショニング:ユーザーが接続を確立するのに役立つ2番目の側面は、ページネーションデザインパターンのポジショニングです。ページ付け要素は通常、下部に配置され(一部の例外は上部にもあります)、ユーザーはページをスキャンするときに、ページを右下に配置されているため、フレーズではなくページ付け要素として関連付けることができます。 。

ユーザーがどのように関連付けを行うかに関するGoogle、Bing、Amazonの例を以下に示します

Google enter image description here

Bing

enter image description here

Amazon

enter image description here

また、上記の例では、ページネーションがコンテンツのリストビューを表示するために一般的に使用されるため、上記のコンテンツタイプはユーザーが接続を確立するのにも役立ちます。


30秒調査

この質問に答えるためにロシア語またはフランス語を話す人に本当に会いたいのですが、私はこれらの2つの言語(に沿って に沿って)フランス語、ノルウェー語、ロシア語のサイトがページネーションをどのように処理するかを簡単に調査しましたギルメットを使用する

フランスのサイト

enter image description here

Yandex(ロシア語検索サイト)

enter image description here

ノルウェー

enter image description here

この簡単な調査で見つけた重要なテーマは、ギルメットが完全な意味で使用されていない一方で、(フランスのサイトの例を参照)、ほとんどのページネーションの方法は、シェブロンやギユメットの使用を避け、色とハイライトを使用してユーザーのフォーカスを引くという、より安全な方法に進んでいるようです。ただし、これはあくまでも予備的な調査であり、さらに深く掘り下げる必要があります。

13
Mervin

フランス語での経験では、ギルメットを一般的に使用していますが、"と"をそれぞれ前のページのリンクと次のページのリンクとして使用し、矢印のアフォーダンス(ページ番号と同じようにボックス化するなど)を使用すると混乱することはありません。 、Mark Nugentが提供する例のように)確実にそれを保証します。

他の人が言及したように、あなたの最大の課題は、テキストの意味的な意味です。これは、ギユメットや自分が指す方向が見えない視覚障害者にとって特に重要です。

そのため、リンクのタイプを識別するrel値と aria-labelスクリーンリーダーに何を言うかを伝える値

例:

<a href="?p=2" rel="next" aria-label="Next page">&raquo;</a>
5
Tim FitzGerald

非盲目のユーザーは、通常、_«_と_»_のシンボリックな使用法にすでに精通しており、__/__、_<_/_>_、_<<_/_>>_。色、サイズ、パディング、境界線は、認識性を向上させることができます。サンプル画像は、後者の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>_、犬の耳のようなもの。ビューが一番下に到達すると、より多くのコンテンツが動的に自動ロードされることが多いため、これは今日ではあまり関係がありません。

5
Crissov

この2つの矢印は、そのバーにあるページ数であるため、「5ページ進む/進む」と解釈します。

だから、あなたはいけません。

ボタンの意味の見方:

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

|< ... >|最初...最後のページ

<< ... >>後退...アドバンス5ページ

< ... >前へ...次のページ

注:汎用的であるため、ギレモットの代わりに2つの小さい/大きい記号を使用しました。

0
sergiol