*foobar* による <em> マークアップが日本語で強調とわかりにくい

[lacolaco]

ご意見募集です。

背景

このレポジトリのマークダウン記法で *foobar* と書いたものは、HTML変換後に <em>foobar</em> となります。この <em> タグには Angular.dev アプリケーション上で特にスタイルは当たっておらず、ブラウザごとのユーザーエージェントスタイルシートによって見た目が変わります。だいたいの場合フォントがイタリック体になると思いますが、フォントが対応していない場合は何も起きません。

em {
    font-style: italic;
}

日本語のフォントが対応していないことがあるというのもそうですが、仮に対応していたとしても日本語のイタリック体はあまり一般に好まれて使われるものではなく、地の文から強調された部分として視認しにくいと感じています。

日本語の文章ではこういった強調には傍点を使うことが多く、CSSでも対応できますが、これを<em>全体に適用してしまうと英数字に対しても同様にイタリックから傍点になり、それは逆に違和感を与える可能性が高いです。

日本語でもアルファベットでもどちらに適用されても不自然ではないスタイルで<em>タグを強調することが理想です。

提案

0. なにもしない

これまでどおりユーザーエージェントスタイルシートに強調表現を委ねます

1. イタリック体をやめて太字にする

強調としては視認しやすくなりますが、この場合、**text** でマークアップされる <strong>タグと視覚的な区別がつかなくなります。

2. 下線を表示する

強調としては視認しやすくなりますが、リンクとの区別がつきにくくなります。

3. 傍点を表示する

text-emphasis プロパティを使って傍線を表示します。英字に対しては不自然になります。

4. 色を変更する

テキストとしては地の文と同じにし、アクセントとなる色によって強調します。

---

これらの案に対しての賛成、反対、あるいは代案を募集します。

[oper0]

太字は強調を表すことが多いですが、アクセシビリティの点から考えると、傍点や下線よりも見やすくて、色盲の方にとって最も認識しやすいかもしれません。そのため、太字が良いのではないかと思います。

[mzkmnk]

太字強調が誰が見てもわかりやすく伝えられるので1が良さそうです！
太字の中でも太さを調節できればさらにわかりやすくなるのではないかなーって思います。