tab ui ; wai-aria, 웹접근성
tab ui를 접근성을 높이기 위해 wai-aria를 사용하여 만들어 봤다. tab ui에 들어가는 wai-aria 속성은 aria-selected, aria-labelledby, aria-controls, role 이다. tabindex 태그 속성은 잘못 쓰면 독이 된다. 그래서 접근성을 맞춘 모듈을 보면 주로 tabindex 값을 -1, 0, 1 이정도만 쓴다. wai-aria 속성이 모호하고 자세하게 알고 싶다면 명세 사이트에 가서 확인해 보자. 1.1, 1.2 까지 나왔다. 사용성을 보장하는 모듈이 어려운 이유는 키보드 컨트롤 까지 되어야 하기 때문에 어렵다. 그렇기 때문에 아래 예제 만드는데 시간이 꽤 들었다. 극히 주관적인 실력으로 만들었다. 키보드 컨트롤을 하다보면 약간 생소할 것이다. 탭키..
2022.03.16