웹 접근성 advent calendar 🎄

<a href='https://pngtree.com/freepng/christmas-advent-calendar_5664138.html'>png image from pngtree.com/</a>

 

Advent calendar란 크리스마스를 기다리며 매일 초콜릿을 하나씩 꺼내먹을 수 있는 달력을 말합니다. 이에 착안해 웹 접근성과 관련된 지식을 크리스마스 전까지 하루에 하나씩 공유하는 블로그를 봤는데 방식이 재미있고 유용한 내용이 많았습니다. 회사에서 이 글을 번역하여 스터디를 진행한적이 있습니다. 더 많은 사람들과 공유하고 싶어 개인 블로그에 하나씩 옮겨 적어보려합니다

 

여러분도 함께 웹 접근성의 가치를 느끼고 매년 크리스마스 시즌이 되면 한번씩 꺼내읽는 글이 되었으면 좋겠습니다. 이를 통해 더 많은 사람들이 편리하게 웹을 사용할 수 있도록 돕는 데 동참하셨으면 합니다 :)

 

목록

Day 1) 웹접근성이란?

Day 2) 웹접근성 평가하기

Day 3) 스크린 리더 사용자만을 위한 컨텐츠 숨기기

Day 4) 접근성을 고려한 링크 작성법

Day 5) 적절한 제목 계층 구조로 접근성 높이기

Day 6) Skip to Content를 추가하여 접근성 높이기

Day 7) SPA와 접근성: 페이지 제목과 포커스 관리하기

Day 8) 이미지의 대체 텍스트(alt text)

Day 9) 접근성을 고려한 Form 설계

Day 10) ARIA란

Day 11) 접근성을 고려한 이모티콘

Day 12) 접근성을 위해 가독성 높이기

Day 13) 화면을 확대/축소할 때 접근성 고려하기

Day 14) 접근성을 고려한 캡션 달기

Day 15) 접근성을 위한 컨텐츠 경고

Day 16) 접근성을 고려한 애니메이션

 

 

블로그 출처 A11y Advent Calendar