웹 응용 프로그램에서 사용자가 데이터를 입력하고 탭 아웃 할 때 필요한 필드 유효성 검사가 성공적임을 나타내는 컨트롤 오른쪽에 눈금 표시가 나타납니다. 사용자가 데이터를 입력하지 않고 다른 컨트롤을 탭하면 십자 표시가 나타납니다. 내가 사용시각적으로 문제가있는 사람들을위한 텍스트 추가
스타일은 다음과 같습니다
틱
input-valid::after {
position: relative;
display: inline-block;
margin-left: -1em;
content: "\2714";
font-size: 18px;
color: #438D5B;
}
에 대한 교차
input-invalid::after {
position: relative;
display: inline-block;
margin-left: -1em;
content: "\2716";
font-size: 18px;
color: #D60036;
}
뿐만 시각 도전 사람들이 틱 또는 크로스를 보는 것은 문제입니다. 따라서, 검증이 성공할 때마다 "Validation successful"텍스트를 읽고 싶습니다. 내가 어떻게 해? 한 곳에서 변경하여 전체 응용 프로그램에 적용 할 수 있도록 CSS 자체에서 변경할 수 있습니까?
그래, 내가 말했듯이 ... – user1447718
@ user1447718 글쎄, 난 정말 그것을 사용하지 않기 때문에 적이 어떻게 어느 하나 내가 할 수있는 우리가 ARIA 라벨을 사용할 필요가 이해하지만, 확인 솔직한 답변을 드릴 수는 없지만 여기에는 아리아 언어에 대한 가이드가 나와 있습니다. 예를 들어 사용 방법에 대한 예제가 있으면 도움이되기를 바랍니다. [link] (https://developers.google.com/web/fundamentals/accessibility/semantics-aria/aria-labels-and-relationships) – egvaldes