はてなブックマーク

『un-T factory! XA Advent Calendar 2022』 15日目です。 どうぞよろしくお願いします。 はじめに カルーセルを実装する際、アクセシビリティの設定はしていますか？ Swiperでは、デフォルトでaria属性・role属性がスライドやprev・nextボタン、ページネーションに付与されます。 ですが、それらは全て英語で設定されています。 日本人向けのサイトを制作するのであれば日本語で設定してあげるほうが親切ですよね。 意外と簡単に実装できますので、まだやったことがないという方はぜひ取り組んでみてください。 Swiperはv8.4.5を使用します。 アクセシビリティに関するオプション Swiperにはアクセシビリティに関するオプションが用意されています。 a11y オプション名 初期値 説明