15장 드래그 별점과 탭 대안
드래그로만 되는 별점
수업은 어떠셨나요?
손잡이를 끌어 점수를 정해주세요
← 끌어서 조절 →
한 손으로 폰을 쥔 사람, 떨림이 있는 사람,
키보드만 쓰는 사람은 값을 바꿀 수 없다
눌러서도 되는 별점
수업은 어떠셨나요?
별을 누르거나 손잡이를 끌어 정해주세요
현재 3점 · 별을 누르거나 ← → 키로도 바꿉니다
같은 일을 누르기로도 할 수 있다
별 하나가 44×44px, 한 손으로도 닿는다
「드래그로만 되는 별점」이 의도적으로 잘못 만든 교보재입니다. 값을 바꾸는 길이 드래그 하나뿐입니다. 정밀하게 끄는 동작은 떨림이 있는 사용자, 한 손으로 폰을 쥔 사용자, 키보드나 스위치를 쓰는 사용자에게 벽이 됩니다.
WCAG 2.5.7(끌기 동작)은 끌어서 하는 모든 조작에 끌지 않고도 되는 길을 하나 두라고 말합니다. 드래그를 없애라는 것이 아니라, 같은 일을 눌러서도 할 수 있게 하라는 것입니다. 「눌러서도 되는 별점」에서는 별을 눌러도 되고 방향키로도 바뀝니다.
터치 대상 크기도 함께 봅니다. 별 하나가 44×44px입니다. WCAG 2.5.8은 최소 24×24px를 요구하고, 모바일에서 편안한 크기는 44px 안팎입니다. 책 15장에서 다룹니다.