a11yの対応
では実際に、コーディングする時に何を追加したらよいか。
・ 空のボタンとかは以下のようにすると良いです。
<a href alia-label="ほげ"></a> <buttomv alia-label="ほげ"></buttom>
・ButtomSheetなどの浮いた要素は、そのうち正しい属性ができるらしいのですが、今のところはalia dialogで検索して対応します。
ARIA: dialog ロール - アクセシビリティ | MDN
・calusel alia属性などでググると色々でてきます。
その他の参考ページ
WAI-ARIA ロール - アクセシビリティ | MDN
WAI-ARIAを活用したフロントエンド実装 - role属性、aria属性の基礎知識 | CodeGrid
WAI-ARIAの基本 - ウェブ開発を学ぶ | MDN