계약 기반 접근성 상호 작용
키보드, 포커스, 폼 동작이 내장되어 있습니다.
Lyra 컴포넌트는 접근성 이름, 상태 및 이벤트 동작을 문서화합니다. 크로스 브라우저 검사는 핵심 상호 작용 패턴을 다루지만, 애플리케이션은 여전히 의미 있는 레이블, 콘텐츠 및 엔드투엔드 테스트를 제공해야 합니다.
예제
대화형 컨트롤에 명시적인 접근성 이름을 부여하세요.
import '@aceshooting/lyra-ui/components/lr-icon-button.js';
const action = document.createElement('lr-icon-button');
action.icon = 'search';
action.setAttribute('aria-label', 'Search'); // Translate this label in your app.
document.body.append(action);