CSSで良い感じに調整可能なよみがな、ルビを振る

qiita.com

このQiitaが参考になります。

一応HTMLのタグとして存在はしているものの、そこもline-heightに含まれてしまうが故に見た目として悪い。のでこのQiitaのようにdata属性に読みがな降ってあげるのが正しそう。

アクセシビリティ的に気にする必要あるのであるときもこのQiitaのようにHTML上は存在させてCSSで消しておくのが良さそうですね…