Meter

Meter

• meter는 값에 제한이 없으므로, 세계 인구와 같은 값을 나타낼때 사용해서는 안 된다
• 미터는 진행률을 나타내는데에 사용해서는 안 된다. <progress>를 대신 사용

<meter>는 보조 기술에 시각적인 형태로만 정보를 전달하여, 사용자가 작업의 진행 상태를 파악하는 데 어려움을 겪을 수 있다. 따라서 시각 장애인 등을 위해 접근성을 준수하기 위해서는 시각적인 정보뿐만 아니라 음성이나 점자 등으로도 정보를 전달할 수 있어야 한다. 이를 위해 <progress>를 사용하면 진행 상태를 시각적으로 보여주는 동시에, 스크린 리더와 같은 보조 기기를 사용하는 사람들에게도 알리는 역할을 수행한다. 보조 기술은 <progress>의 변경 사항을 음성으로 전달하여, 작업 진행 상태의 이해를 돕는다

<meter role="progress"> (X)

<progress>{...}</progress> (O)

WAI-AREA

• role
• aria-valuetext
  • 값을 백분율로 전달하는 것이 사용자 경험을 해칠경우, 해당 속성을 이용해 문자열로 설정할 수 있다