[aria-*] 속성이 역할에 맞지 않음 - Draft

 

• 문제: ARIA 속성(예: aria-label, aria-hidden 등)이 해당 요소에 지정된 역할(예: role="button", role="navigation" 등)과 일치하지 않을 때 발생하는 경고입니다. 이 경우 ARIA 속성이 무효화됩니다.
• 해결 방법:
  • ARIA 속성이 적절한 요소에 사용되고 있는지 확인합니다.
  • 예시: span 요소에 role="button"을 사용했다면, 필요한 경우 aria-label이나 aria-pressed 속성을 함께 사용해야 합니다. ARIA 속성과 역할이 일치하는지 다시 확인하세요.
  • 예시 코드:
    html

    코드 복사

    <span class="my_edit" role="button" aria-label="편집">편집</span>