ARIA 속성을 알아보자

웹사이트는 기본적으로 키보드와 마우스를 사용하는 사용자를 위해 설계가 된다. 하지만 어떤 사용자는 사이트의 텍스트를 오디오나 점자로 변환하는 화면 판독기를 사용하기도 한다. 그뿐일까? 터치패드, 시선 추적 장치 등을 선호하는 사람들이 다양한...

dialog 태그 사용하기

2022년 하반기부터 모든 브라우저에서 dialog를 지원하게 되었다. dialog는 js를 통해 조작해야 하며 아래의 인스턴스 메소드를 상속한다.

css로 차트 그래프를 만들어보자

css 이용하여 차트 만들기

css로 로딩 아이콘 만들어보자

css로 모양틀을 만들어보자

웹접근성에 위배되지 않고 콘텐츠 숨겨보자(blind)

사람은 변한다. 어제, 1시간 전, 1초 전의 나와 지금의 나는 다르다. 스크린리더기와 코딩들 또한 마찬가지다. 왜이렇게 장황하게 설명하냐면 웹접근성에 맞게 블라인드 처리를 완/벽/하게 해낼 수 있는 방법은 아직 없기 때문이다....