쓱닷컴이 접근성을 대하는 방식
쓱닷컴이 접근성을 대하는 방식
쓱닷컴 WEB개발팀의 웹 접근성 개선 사례를 소개했습니다. 컴포넌트, OCR, 성능 측정을 함께 다루며 실무 적용 방안을 정리했습니다.
#접근성#Chakra UI
36005분
필터 1
달리는 기차 바퀴 칠하기: 7년만의 컬러 시스템 업데이트
토스가 7년 만에 컬러 시스템을 전면 개편한 과정과 토큰 시스템 재구축 방법을 공유했습니다. OKLCH, 시맨틱 토큰, 자동 코드 생성으로 확장성과 일관성을 높였습니다.
#디자인 시스템#토큰
152005분
잃어버린 접근성을 찾아서
잃어버린 접근성을 찾아서
상품 상세 페이지의 접근성을 스크린 리더 기준으로 점검해 탐색 단위, 텍스트 발화, 버튼 역할을 개선했습니다. 구매하기까지 스와이프 횟수를 20회 미만으로 줄이고 실제 사용 경험을 크게 높였습니다.
#접근성#스크린 리더
38005분
![[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기](https://miro.medium.com/v2/resize:fit:1200/1*kCf05hhyLPa7iBp2vBTJAA.png)
[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기
요기요는 디자인 시스템 아이콘을 개별 SVG 컴포넌트와 전용 라이브러리로 재구축했습니다. 자동 변환, 접근성, 토큰 연동, 변경 내역 자동화로 운영 효율을 높였습니다.
#React#SVG
128005분
눈 대신 귀로 느낄 수 있는 챗봇 흐름 만들기 | 접근성 업무일지 #3
스크린리더 사용자도 챗봇 흐름을 자연스럽게 따라가도록 초점 이동과 안내를 개선했습니다. 부드러운 스크롤, 음성 안내, 효과음으로 접근성을 높인 사례입니다.
#접근성#스크린리더
131005분
토스의 접근성 문서 A11y Fundamentals 을 소개합니다 (오픈 기념 이벤트 ~9/10)
토스가 실무에서 바로 적용할 수 있는 접근성 문서 A11y Fundamentals를 소개했습니다. 스크린리더 체험 이벤트와 함께 핵심 원칙과 실수하기 쉬운 패턴도 안내했습니다.
#접근성#스크린리더
158005분
시각 정보를 소리로 번역하는 법 - 시각장애인을 위한 얼굴 인증 개선기 | 접근성 업무일지 #2
시각장애인 사용자를 위한 얼굴 인증 흐름을 별도로 설계하고, 진행 상태와 오류를 소리와 안내로 전환해 개선했습니다. 카메라 권한과 인증 절차도 단계별로 나눠 혼자서 인증을 마칠 수 있게 했습니다.
#접근성#스크린리더
72005분
접근성을 지원한다는 착각
접근성을 별도 비용이 드는 작업이 아니라 텍스트 기반 인터페이스 설계로 바라보는 관점을 설명했습니다. 스크린리더와 테스트코드에서 같은 구조를 활용하는 예시도 함께 제시했습니다.
#접근성#test
96005분
원칙보다 사용성에 집중할 때 | 접근성 업무일지 #1
보이스오버의 읽는 순서가 사용성에 어떤 불편을 만드는지 살펴보고 개선 방향을 고민했습니다. iOS 18.4의 컨트롤 항목 순서 설정처럼 사용자 선택권이 중요하다는 점도 확인했습니다.
#iOS#접근성
80005분
개발 생산성 200% 높이는 커뮤니케이션 전략 \:\ 코드 밖에서도 성공하는 DevOps
개발 생산성을 높이는 핵심으로 커뮤니케이션 전략을 정리했습니다. 프론트엔드 협업 사례와 실무 적용 팁까지 함께 제시했습니다.
#UI/UX#API
77005분
Jetpack Compose로 접근성 최적화하기
Jetpack Compose에서 semantics와 포커스 제어로 접근성을 높이는 방법을 정리했습니다. TalkBack 사용성을 개선하는 실무 팁과 비동기 콘텐츠 알림 방법도 함께 다뤘습니다.
#Jetpack Compose#Android
69005분
소프트웨어 접근성과 한컴오피스
접근성의 개념과 국내외 기준, OS별 프레임워크를 정리하고 한컴오피스의 접근성 지원 기능을 소개했습니다. 스크린리더 연동과 문서 접근성 개선 방향도 함께 살펴보았습니다.
#접근성#WCAG
44005분