i18n

ローカライズ

デフォルト設定

Splide内で使用されているテキストは、オプションを介して修正することが可能です。アクセシビリティの観点から、対象ユーザに合わせて適切に翻訳されることが望ましいでしょう。

デフォルトのテキストは以下の通りです。

キーテキスト説明
prevPrevious slide「戻る」矢印のaria-label
nextNext slide「進む」矢印のaria-label
firstGo to first slide「戻る」矢印のaria-label
lastGo to last slide「進む」矢印のaria-label
slideXGo to slide %sページネーションの各ボタン、あるいはナビゲーション用のスライドに対するaria-label
pageXGo to page %sページネーションの各ボタンに対するaria-label
playStart autoplay自動再生の再生・停止ボタンに対するaria-label
pausePause autoplay自動再生の再生・停止ボタンに対するaria-label
carouselcarouselルート要素のaria-roledescription
selectSelect a slide to showページネーションのaria-label
slideslide各スライドのaria-roledescription
slideLabel%s of %s各スライドのaria-label({スライド番号} of {スライドの総数})

aria-roledescriptionは非インタラクティブなコンテナ要素に対して、より適切な説明を加えるために使用されます。 このテキストはスクリーンリーダが読み上げるため、翻訳する必要があります。

テキストの修正

テキストを修正するには、i18nオプションに新しいテキストの入ったオブジェクトを渡します。

new Splide( '#splide', {
i18n: {
prev: '前のスライドに移動する',
next: '次のスライドに移動する',
}
} );
JavaScript

もし複数のスライダーを配置する場合、Splide.defaultsで一括設定してもよいかもしれません。

Splide.defaults = {
i18n: {
prev: 'Previous slide',
next: 'Next slide',
},
};
JavaScript

ただし、アクセシビリティのためのテキストは、より内容に沿ったものであるほうが親切です。たとえば、記事の一覧を表示する場合は、「次のスライドへ移動する」ではなく「次の記事へ移動する」のほうがより適切であると言えます。