쓱닷컴이 접근성을 대하는 방식
쓱닷컴 WEB개발팀의 웹 접근성 개선 사례를 소개했습니다. 컴포넌트, OCR, 성능 측정을 함께 다루며 실무 적용 방안을 정리했습니다.
#접근성#Chakra UI#ARIA
4000
쓱닷컴이 접근성을 대하는 방식
태그
Lighthouse 기술 블로그 글
Lighthouse 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 6개최신 6개 표시
관련 태그
최신 게시글
6개 표시
잃어버린 접근성을 찾아서
상품 상세 페이지의 접근성을 스크린 리더 기준으로 점검해 탐색 단위, 텍스트 발화, 버튼 역할을 개선했습니다. 구매하기까지 스와이프 횟수를 20회 미만으로 줄이고 실제 사용 경험을 크게 높였습니다.
#접근성#스크린 리더#ARIA
4000
잃어버린 접근성을 찾아서
Playwright로 로그인을, Lighthouse로 성능을: 인증 페이지 성능측정 자동화
Playwright로 로그인 세션을 자동 구성한 뒤 Lighthouse를 실행해 인증 페이지 성능 측정을 자동화했습니다. 수집한 지표는 CloudWatch와 Grafana로 연동해 지속적으로 모니터링할 수 있게 했습니다.
#Playwright#Lighthouse#CI/CD
11600
웹 성능 측정 자동화 비법: Lighthouse CI와 CI/CD의 만남
Lighthouse CI를 CI/CD에 통합해 배포 후 웹 성능 측정을 자동화한 사례를 소개했습니다. 반복 측정, S3 저장, Slack 알림으로 성능 모니터링과 공유를 체계화했습니다.
#CI/CD#Lighthouse#GitHub Actions
3300
사용자 인식과 웹 성능 측정의 변화
Lighthouse의 주요 성능 지표와 Speed Index의 측정 방식, 그리고 SI 중요도 논란을 정리했습니다. SPA 확산과 모바일 환경 변화로 SI의 해석이 달라지고 있습니다.
#Lighthouse#웹 성능#Speed Index
2600
비브로스 웹 프론트엔드 팀이 성능을 관리하기 시작했어요.
웹 프론트엔드 팀이 Lighthouse와 Web Vitals로 성능 관리를 문화로 도입한 과정을 소개했습니다. 이미지 로딩, 코드 분할, 스크립트 전략으로 개선하고 측정 변동성까지 다뤘습니다.
#성능#Lighthouse#Next.js
1600
비브로스 웹 프론트엔드 팀이 성능을 관리하기 시작했어요.