CSSを使って漢字にルビを振る

そういえばルビって HTML のタグだと ruby だよなって思って軽く調べていたら、
こんな記事 を見かけて「たしかになぁ、なるほどなぁ」なんて関心してた。

そこでルビをCSSで振ればスクリーンリーダーの読み上げを邪魔しないんじゃね? と思いついて方法を探していたら、
違った目的で作られているものの、やりたいことそのまんまの記事 を見つけたので導入してみた。

こういうのは 百 聞 一 見 で、ルビを振るとこんな感じになる。
これを考えた人は本当に頭がいいなぁ。

問題は、ルビが必要な難しい言葉をこの雑記に書かれることはないだろう、ということ。

参考


この記事をシェアする
Built with Hugo
テーマ StackJimmy によって設計されています。