Breadcrumb & Pagination

Breadcrumb & Pagination 의 정의

• Breadcrumb : 링크를 타고 타고 들어갈 때 나타나는 UI

• Pagination : 1, 2, 3페이지 등등 나타내는 UI

Breadcrumb 피드백

• 아이콘은 svg 파일을 따로 주셨는데 굳이 마크업하지 않아도 css로 다 처리할 수 있다는 생각에 따로 html 마크업하지 않았는데 버그님도 그렇게 하셨다 !!

Pagination 피드백

 <a href="#" aria-label="Go to previous page" class="disabled" >

• WAI-ARIA : 인터넷 접근성의 향상에 도움이 되는 API
  • aria-label 속성을 사용하면 스크린 리더기를 사용하는 시각 장애인들에게 aria-label 속성값을 읽어준다.

실습 화면