미리 만들어진 컴포넌트에 추가적인 라벨 필드를 추가하는 가장 좋은 ember 스타일 방식이 무엇인지 확신이 서지 않아서 여기에 보고합니다.
테스트 결과, ChromeVox는 적어도 제목 입력 필드는 읽을 수 있는 것 같습니다. 하지만 다른 스크린 리더가 placeholder만으로는 호환되지 않을 수 있으므로 aria-label을 추가하는 것이 좋습니다. 텍스트 영역의 경우, placeholder를 읽지 않기 때문에 상황이 더 좋지 않습니다.
d-textarea 컴포넌트를 추가하는 방식으로 이 문제를 해결할 수 있는 방법을 찾았습니다. @j.jaffeux 이 방식이 괜찮아 보이거나, 이런 작업을 위해 더 나은 Ember 방식이 있다면 알려주세요.
이 PR은 액션 버튼의 라벨(답장/토픽 생성/속삭임)과 함께 role="form"을 컴포저 창에 추가하여 스크린 리더가 요소를 어떻게 읽어야 하는지 알 수 있도록 합니다. 또한 스크린 리더가 요소를 어떻게 공지해야 하는지 알 수 있도록 플레이스홀더를 aria-label로 추가합니다.
이 방식이 괜찮아 보이거나, 이런 작업을 위해 더 나은 Ember 방식이 있다면 알려주세요.