접근성을 망치지 않고 아이콘 전용 버튼이 필요합니까?

먼저, 신중하게 생각하십시오 : 정말 순수한 아이콘 버튼이 필요합니까? 가능하다면 아이콘 옆에 텍스트를 추가하는 것이 가장 접근 가능하고 명확한 사용자 경험으로 반복적으로 입증되었습니다 (Apple의 최신 실수 참조). 그러나 Sara Soueidan과 Scott O'Hara는 각각 필요하다면 (가끔 이해합니다), 각각 모든 옵션에 대해 자세히 설명 하고이 주제에 대한 실질적인 연구를 제공 한 기사를 썼습니다.

• Sara Soueidan : 접근 가능한 아이콘 버튼
• Scott O'Hara : 컨텍스트 태그 액세스 가능한 이미지 및 SVG

정답을 얻으려면 "버튼에서 텍스트 사용"메소드를 가져 오는 것이 좋습니다.

<button>
   <svg aria-hidden="true" focusable="false" height="32px" viewbox="0 0 32 32" width="32px"></svg></button>
   메뉴

Sara는 모든 규모의 접근 방식이 없다고 지적하지만 버튼 내부의 실제 텍스트를 사용하고 어떻게 든 숨기거나 덮어 쓰야한다고 생각합니다. SVG 만 사용하면 버튼이나 링크의 접근성 이름을 제공하는 신뢰할 수있는 방법이 없습니다.

이 패턴이 올바르게 구현되는 것이 얼마나 어려운지 놀랍습니다.

위 내용은 접근성을 망치지 않고 아이콘 전용 버튼이 필요합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!