[모바일 사용 편의성] 클릭할 수 있는 요소가 서로 너무 가까움

클릭할 수 있는 요소가 서로 너무 가까움

이 보고서에는 버튼과 탐색 링크 등의 터치 요소가 서로 너무 가까이에 있어 모바일 사용자가 원하는 요소를 손가락으로 탭 하려고 할 때 바로 옆에 있는 요소도 함께 탭 하게 되는 사이트의 URL이 표시됩니다.

이러한 오류를 수정하려면 버튼과 탐색 링크의 크기와 공간을 모바일 방문자에게 맞게 올바르게 지정해야 합니다. 자세히 알아보려면 적절한 탭 타겟 크기 지정을 참조하세요.

간단한 해결방법

위의 문제에 대해 CSS를 통해 각 버튼과 탐색 링크 등 클릭할 수 있는 요소의 간격 크기를 키우는 방법으로 간단하게 해결할 수 있습니다. 반응형 웹사이트의 경우에는 각 디바이스별 사이즈별로 수정해줘야 합니다.