A screen reader user on iOS reported that several buttons on the New Topic/Reply form are not correctly labelled.
Is this specific to mobile?
Of the buttons listed, I think only the Reply button appears on the desktop version but it’s still labelled “Or press Ctrl+Enter”
@owlish I would love to get this sorted, can you provide us with a quick start of how to test this? What software do we install locally?
The Chrome Vox screenreader was recommended for accessibility testing.
NVDA is another free option for Windows.
Just wanted to check in to see if there’s been any movement on this or if you need any more information
Hi @sam, is there any other information you need for this?
I think we have what we need, its just a question of resources at the moment.
I am adding a pr-welcome on this in case someone from the community wants to help out.
The issue with the reply button was fixed by commit 31ffcf989ce63e. I just tested this on iOS with VoiceOver.
Now I’ll investigate the other two issues.
I verified that the hamburger button in the composer isn’t labeled. Specifically, this is the toggle-toolbar button in the composer-toggles component. This button is only rendered in the mobile view.
What would be a reasonable label for this button? Maybe “Formatting”, since many of the toolbar options are formatting related? Not all of them are, though. Maybe the more generic “Tools” would be better.
It occurred to me that, to enable accessibility fixes to reach Discourse’s worldwide user base without imposing too much on translators, we should use existing strings for unlabeled controls when it makes sense. So, for the hamburger button, would it make sense to use “show more” as the title? We could use “options”, and I think that would be a better fit, except that there’s already an “options” button in the toolbar itself. I think that would be confusing.
업로드 및 미리보기 버튼과 툴바 토글에 라벨을 추가했습니다.
@Matt_Campbell 기존 텍스트를 재사용하는 것이 유리하다는 말씀이 맞지만, 라벨이 "[표시/숨기기] 컴포저 툴바"라고 표시되도록 두 개의 새 문자열을 추가했습니다. "옵션"을 사용하는 것도 고려해 보았지만, 해당 버튼이 토글 버튼이라는 점을 고려할 때 충분히 설명이 되지 않는다고 판단했습니다.
@owlish @Matt_Campbell @awesomerobot , 요즘 상황은 어때요?
원래 요청은 답글 버튼의 제목 "Or press Ctrl+Enter"를 수정하는 것이었습니다. 이 버튼에 단순히 aria-label="reply"를 추가하면 되지 않을까요?
iOS의 VoiceOver는 버튼 레이블 "reply"를 읽고 나서 제목을 읽습니다. 데스크톱의 NVDA도 마찬가지입니다. 따라서 여기서는 모든 것이 처리된 것으로 보이지만, 아직 누락된 부분이 있다면 더 자세히 살펴볼 수 있습니다.
하나라도 개선할 수 있는 점은, 키보드 단축키는 일반적으로 모바일에서 관련이 없으므로 모바일에서는 제목을 제거하는 것입니다.
좋아요, 이 이슈를 닫기 위해 2주 타이머를 설정하겠습니다.
혹시 문제가 발견되면 @owlish 님이 후속 이슈를 열어주세요.
이 주제는 9일 후 자동으로 닫혔습니다. 더 이상 새로운 답변을 남길 수 없습니다.
