デザインとして欧文で大文字だけを使って単語を表記したり小文字だけを使って表記したりする場合が間々ありますが、これはＮＧです。しつこいようですが、htmlで表示方法を指定してはいけないのです。そして、この欧文に関しては、音声ブラウザが大文字だけで書かれていると単語として認識しないので正常に読み上げてくれない事があります。

そこで、CSSのtext-transformプロパティを使って外観を変化させましょう。

#h2-xhtml {
      text-transform: uppercase;
}

<h2 id="h2-xhtml">Extensible HyperText Markup Language</h2>

Extensible HyperText Markup Language

それぞれのプロパティ値は

uppercaseが全て大文字
lowercaseが全て小文字
capitalaizeが単語の先頭だけを大文字