Dev.to WebDev 🛠 Dev 👁 0

Tangled, 프런트엔드 접근성 전문가를 고용하라 · JavaScript 프레임워크별 AI 개발 비용 비교 | GeekNews Frontend

1. Tangled, 프런트엔드 접근성 전문가를 고용하라 Tangled의 새 UI는 12px 글자와 16px 줄 높이 때문에 읽기 어렵고, 글자 확대 시 일부 문자가 잘리는 문제가 있다. WCAG 2.2는 최소 글자 크기를 규정하지 않지만 200% 확대에도 콘텐츠와 기능을 유지하도록 요구하며, 브라우저 기본 글자 크기 반영을 막는 핵심 원인으로 최상위 요소의 고정 글자 크기 설정이 지적됐

1. Tangled, 프런트엔드 접근성 전문가를 고용하라

Tangled의 새 UI는 12px 글자와 16px 줄 높이 때문에 읽기 어렵고, 글자 확대 시 일부 문자가 잘리는 문제가 있다. WCAG 2.2는 최소 글자 크기를 규정하지 않지만 200% 확대에도 콘텐츠와 기능을 유지하도록 요구하며, 브라우저 기본 글자 크기 반영을 막는 핵심 원인으로 최상위 요소의 고정 글자 크기 설정이 지적됐다. 글자 크기에 상대 단위와 단위 없는 줄 높이를 쓰고, 접근성 전문가의 검토와 충분한 테스트를 설계 초기부터 반영하자는 제안이다.

2. JavaScript 프레임워크별 AI 개발 비용 비교

같은 포켓몬 앱을 Opus 5.5로 12개 JavaScript 프레임워크 조합에 구현한 실험에서 실행당 API 환산 비용 중앙값은 Hono+htmx가 2.67달러, Angular가 4.97달러였고 개발 시간도 각각 8.6분과 17.2분으로 차이 났다. 모든 결과물의 Lighthouse 접근성은 100점, 성능은 97~100점이었지만 전송하는 JavaScript 양과 로딩 지표, 생성 코드량에는 차이가 있었다. 이 결과는 콘텐츠 중심의 작은 앱 한 종류에 관한 것이어서 복잡한 서비스 전체로 일반화하기 어렵고, 에이전트가 작성한 코드의 향후 수정 비용도 프레임워크 선택에 고려해야 한다.

📰 Read the original article on Dev.to WebDev

Originally published by Dev.to WebDev. Aggregated on AIWithGhost for educational purposes — full credit and traffic to the original publisher.