Breadcrumb & Pagination

서정·2023년 10월 26일
0

김버그 HTML

목록 보기
27/46
  • Breadcrumb : 링크를 타고 타고 들어갈 때 나타나는 UI

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


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

Pagination 피드백

 <a href="#" aria-label="Go to previous page" class="disabled" >
  • WAI-ARIA : 인터넷 접근성의 향상에 도움이 되는 API
    • aria-label 속성을 사용하면 스크린 리더기를 사용하는 시각 장애인들에게 aria-label 속성값을 읽어준다.

실습 화면

profile
R=VD 프론트엔드 개발자

0개의 댓글