양식 컨트롤의 접근성 레이블 확인하기.
레이블을 확인할 때는 프로그램이 인식하는 이름과 보이는 맥락을 살펴보세요. 가까이 있는 텍스트만으로 접근성 관계가 만들어지지는 않을 수 있습니다.
작업에 맞게 절차를 조정하세요.
각 컨트롤의 프로그램상 이름과 보이는 레이블의 연결을 검사하세요. 명시적 레이블, 감싸는 레이블, 관련 ARIA 참조를 확인하고 이름이 없거나 잘못된 경우 요소 위치와 함께 보고하세요. 자동 검사만으로 의미를 판단할 수 없으면 수동 검토를 포함하세요.
- 제공할 내용
- 렌더링된 양식 필드와 컨트롤.
- 받을 결과
- 누락된 접근성 레이블과 불분명한 이름.
입력과 결과를 확인하세요.
설명용 입력과 출력 · 실제 WebAct 실행이 아닌 학습용 예시
입력 항목 예시개
Supplied markup: <span>Email</span><input id="email" type="email">. No other naming attributes. Correct the label association.
완성된 예시
Finding: the visible caption has no programmatic association with the input. Proposed markup: <label for="email">Email</label> <input id="email" type="email"> Verify the id is unique and the control's accessible name is Email in the complete page.
이 입력을 프롬프트에 넣고 WebAct에 복사해 작업을 실행해 보세요. 결과는 설명용 예시와 다를 수 있습니다.
판단 기준과 문제 해결.
placeholder 텍스트가 지속적인 양식 레이블을 대신할 수 있나요?
입력 중 사라질 수 있어 명확하게 연결된 레이블을 안정적으로 대체하지 못합니다. 보이는 이름과 프로그램상 이름을 모두 검토하세요.
눈에 보이는 설명이 입력란의 레이블로 읽히지 않는 이유는 무엇인가요?
일치하는 for/id 쌍처럼 유효한 연결이 없을 수 있습니다. 가까이에 있는지만 보지 말고 관계를 살펴보세요.
직접 준비한 자료로 시도하세요.
작업 프롬프트의 예시를 내 자료로 바꾸세요. 필요한 요구 사항은 유지하고 작업을 WebAct에 복사하세요.
작업 맞춤 설정 및 복사 ↑