화면 글자 크기와 대비 조절하기

연습 파일에서 글자 크기와 대비를 바꾸고 초기화·새로 열기로 기본 설정을 되돌렸습니다.

1. 빈 연습 폴더를 코딩 에이전트에서 열고 아래 요청문을 보냅니다. 완성 파일 위치와 브라우저로 여는 방법도 안내받으세요. 2. 완성한 HTML을 브라우저에서 열어 큰 글자와 높은 대비를 각각 선택합니다. 3. 초기화를 눌러 기본값인지 확인하고, 다시 큰 글자를 선택한 뒤 새로고침해 저장되지 않는 것도 확인합니다.

읽기 어려운 연습용 안내 화면을 만들어줘. “기본 글자/큰 글자”와 “기본 대비/높은 대비”를 선택하면 글자 크기와 글자·배경 색이 즉시 바뀌게 해줘. 초기화하면 기본으로 돌아가야 해. 선택은 저장하지 말고 새로 열면 기본값이라는 안내를 보여줘. 나는 코딩을 처음 해. 어려운 말은 짧게 풀어 설명하고, 먼저 현재 상황을 확인한 뒤 요청한 범위만 진행해줘. 확인할 수 없는 내용은 추측하지 말고 알려줘. 내 실제 데이터나 비밀값을 사용하지 말고, 새 유료 서비스나 외부 API를 추가하지 마. 작업을 마치면 내가 직접 확인할 순서와 실행하지 못한 부분을 나누어 알려줘.

큰 글자를 고르면 안내문이 18px에서 26px로 바뀌었습니다. 높은 대비를 고르면 흰 바탕의 어두운 글씨가 어두운 바탕의 흰 글씨로 바뀌었습니다. 초기화와 새로 열기 모두 기본 크기·대비로 돌아왔습니다. 큰 글자로 고른 390px 화면에도 가로 넘침이 없었습니다.

선택해도 크기나 색이 달라지지 않아. 각 버튼과 초기화 동작을 다시 눌러 확인하고 수정해줘.

요청 조건을 읽고 제작·검사한 예제입니다. 문장만 넣은 독립적인 1회 생성 실험은 아닙니다. VibeAZ 자체 제작 · 확인한 예제 파일과 환경에서의 결과입니다. VibeAZ가 만든 연습 파일을 Codex 앱과 Chromium에서 확인했습니다. 다른 모델·브라우저의 같은 결과나 요금제는 확인하지 않았습니다. 추가 유료 서비스와 외부 API는 사용하지 않았습니다. 코딩 에이전트 이용료는 각자의 계정 조건에 따릅니다. 크기와 색상 전환만 확인했습니다. 모든 글자·색 조합의 접근성 인증을 뜻하지 않습니다. 설정은 저장하지 않습니다.