Component - Main

❗️ 해당 작업 영역의 시행착오

  • ❓ 문제점

    현재 표시되는 슬라이드가 어떤 슬라이드고 몇 개의 슬라이드 중 몇 번째임을 알려주는 도트 방식의 슬라이드 네비게이션(비슷한 경우로는 페이지의 넘버링 네비게이션)의 각 슬라이드 도트(button 요소)에 aria-label을 사용하여 몇 번째 슬라이드 인지 확인하는 역할을 부여했다. 하지만 중간 점검 피드백을 통해 활성화된 도트의 접근성 처리가 따로 없다는 것을 알게됐다.

  • 💡 해결방식

    중간 점검 피드백을 통해 문제를 알게되었고 aria-current 라는 큰 힌트까지 얻게되어 활성화된 슬라이드 도트에 aria-current=”true” 값을 줌으로써 문제를 해결했다. 이를 통해 접근성을 고려할때 좀 더 디테일하게 생각해 볼 수 있는 계기가 되었다.