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