Accessibility2 [웹 접근성] 웹 접근성을 위한 올바른 이미지 활용법 요새는 이미지 없는 사이트를 찾아보기 힘들 정도로 이미지는 텍스트 다음으로 많이 사용됩니다. 이렇게 이미지를 많이 사용하는 이유 중 하나를 꼽으라면 편리함 이겠죠. 장문의 글 없이도 많은 양의 정보를 전달할 수 있다는 편리함. 그런데 이미지에도 웹 접근성이 적용된다는 거 알고 있나요? 이미지에는 대체 텍스트라는 정보를 추가할 수 있는데요, 이 대체 텍스트를 어떻게 작성하는지가 핵심입니다. 이미지의 대체 텍스트는 HTML 이미지 요소에 ‘alt’ 속성을 사용합니다. alt 속성은 스크린 리더와 같은 보조 프로그램 사용자도 이미지의 정보를 접할 수 있도록 도와주는 역할을 합니다. 대체 텍스트를 작성할 때는 최대한 정확하고 간결하게 작성하는 게 중요합니다. 대체 텍스트의 길이는 주로 120~125자 이내로 하.. 2023. 6. 22. [웹 접근성] 쉽게 배워서 전문가 처럼 사용하기 지난 글에서 왜 웹 접근성을 배워야 하는지 간단하게 알아봤다. 그럼 이젠 웹 접근성을 어디서 어떻게 시작해야 쉽게 배울 수 있는지를 알아볼 차례다. 당연한 말 같겠지만, 웹 접근성을 쉽게 배우려면 쉬운 것부터 배우면 된다. 그런데 그 쉬운 게 배울게 좀 많다는 게 함정이다. 그래도 쉬워서 금방 배울 수 있다. 본격 적으로 배우기 전에, 어떻게 배울 지도 살펴보자. 개인적으로 무언가를 배울 때 뭘 먼저 배우고, 어떻게 배울지 생각해 본다. 배우는 방법이 어렵거나 복잡하면 쉬운 것도 어려워지기 때문이다. 지난 3년 동안 웹 접근성을 공부하고 사용해보니 제일 쉽게 배우는 방법은 직접 보고 테스트해보는 거다. 직접 하나하나 테스트해보면 왜 접근성이 좋은 방식과 그렇지 않은 방식의 차이를 경험해 볼 수 있어 빨리.. 2022. 12. 6. 이전 1 다음 반응형
