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