Step Indicator Guide

단계표시기는 서비스 이용을 위해 사용자가 거쳐야 하는 일련의 단계를 시각적으로 표현하는 UI입니다.

마크업 진행 시 각 단계는 의미가 있는 리스트이기 때문에 ol (ordered list)를 사용해야합니다.

접근성을 위해 sr-only로 현재 단계를 표시해주어야 합니다.

- KRDS Step Indicator
  1. 현재 단계 1단계 상세 내용
  2. 2단계 상세 내용2
  3. 3단계 상세 내용3

HTML

CSS