アイコンが使用されているリンクやボタンにroleと代替テキストを追加してほしい

[ymrl]

視覚障害をもつ技術者の同僚がおり、アクセシビリティが改善されるとオススメしやすくなるので、ご検討いただきたいです。

ヘッダー右側、検索・通知・ユーザーメニューの各アイコン

検索や通知のアイコンについては、a要素やbutton要素内にsvg要素が配置されているようです。
svg要素内にtitle要素やdesc要素でテキストを配置できるのですが、ブラウザとスクリーンリーダーの環境によってはうまく読めないこともあり得るようなので、a要素やbutton要素のaria-label属性に代替テキストを入れてしまうのが良いかと思います。
（このあたり正確な状況を把握できていません、すみません）

アバターアイコンはimg要素なので、alt属性として代替テキストを入れるのが良いかと思います。画像の内容を説明するには「ユーザーアバター」ですが、機能としてメニューの開閉があるので「ユーザーアカウントメニューを開く」のようなテキストになっているとよさそうです。

記事フッターと見出し横、Like・記事メニュー・シェアボタン

記事メニューやシェアボタンについてはヘッダー部と同じです。

likeボタンについては、div要素として表示されていて、そもそもボタンであることに気付けない可能性があります。
これはbutton要素で実装するか、div要素に role="button" 属性を付与していただけるとありがたいです。
（role属性だけではキーボード操作ができない問題などもあるので、できればbutton要素を使っていただきたいです。この問題の詳細は拙著で恐縮ですがWEB+DB PRESS vol.116の特集3の3章に詳しい説明がありますので、よろしければ参考にしてください）

[catnose99]

丁寧なご指摘、ありがとうございます。
対応します。

[catnose99]

検索や通知などのテキストによる説明のないアイコンに対して、aria-labelで機能名を指定するようにしました。
このissueはcloseしますが、ほかに対策できていない部分に気づかれた際はぜひ報告していただければ幸いです。