diff --git a/example/src/app/app.component.ts b/example/src/app/app.component.ts
index f53da57..c90427a 100644
--- a/example/src/app/app.component.ts
+++ b/example/src/app/app.component.ts
@@ -26,6 +26,7 @@ export class AppComponent {
   public disabled: boolean = false;
 
   public config: SwiperConfigInterface = {
+    a11y: true,
     direction: 'horizontal',
     slidesPerView: 1,
     keyboard: true,
diff --git a/src/lib/swiper.component.html b/src/lib/swiper.component.html
index 9000b31..3f1bd27 100644
--- a/src/lib/swiper.component.html
+++ b/src/lib/swiper.component.html
@@ -8,5 +8,5 @@
   <div class="swiper-button-prev" [hidden]="swiperConfig?.navigation !== true && swiperConfig?.navigation?.prevEl !== '.swiper-button-prev'" [attr.disabled]="isAtFirst || null"></div>
   <div class="swiper-button-next" [hidden]="swiperConfig?.navigation !== true && swiperConfig?.navigation?.nextEl !== '.swiper-button-next'" [attr.disabled]="isAtLast || null"></div>
 
-  <div class="swiper-pagination" [hidden]="swiperConfig?.pagination !== true && swiperConfig?.pagination?.el !== '.swiper-pagination'" (click)="directiveRef?.setIndex($event.target.getAttribute('index'))"></div>
+  <div class="swiper-pagination" [hidden]="swiperConfig?.pagination !== true && swiperConfig?.pagination?.el !== '.swiper-pagination'" (click)="directiveRef?.setIndex($event.target.getAttribute('index'))" (keyup.enter)="directiveRef?.setIndex($event.target.getAttribute('index'))"></div>
 </div>