여기서 마우스오버를 살펴보면,
거의 모든 항목에 적용되어 있습니다.
예를 들어, 이 흥미로운 화살표는 마우스오버가 없습니다.
톱니바퀴 아이콘에도 없고,
사이트 로고에도 없습니다.
물론, 인터넷 운전면허증을 가진 사람이라면 누구나 톱니바퀴가 무엇을 의미하는지 알 것이라고 말할 수 있습니다. 저도 알고 있습니다. 하지만 믿거나 말거나, 저만큼 똑똑하지 않은 사람들도 있습니다. 그러니 마우스오버를 추가하는 것이 나쁘지 않을 것입니다.
그리고 아니요, 솔직히 말하면 그 화살표가 정확히 무엇을 하는지 확신하지 못합니다. 요즘은 모르는 것이 많습니다. 그러니 마우스오버를 추가해 주십시오.
제 생각에도 틀린 말이 아닙니다. 화살표에는 “답장 옵션” 같은 마우스오버 설명이, 그리고 톱니바퀴 아이콘에는 “추가 게시 옵션” 같은 설명이 있어야 합니다. 두 버튼 모두 클릭 시 추가 옵션을 표시하지만, 마우스오버 설명은 있어야 합니다.
마우스오버는 시력이 불편한 사용자도 도울 수 있습니다. 마우스오버가 포함된 이미지는 사용자에게 읽어 주므로, 주제에 대해 더 많은 정보를 이해할 수 있기 때문입니다.
실제로 html-tidy와 같은 도구는 ALT 속성이 없는 이미지를 발견할 때마다 사용자에게 항상 알림을 줍니다.
따라서 각 Discourse 릴리스 전의 표준 단계로서 마우스오버 체크를 자동으로 실행해야 합니다.
마우스오버가 누락된 항목이 하나라도 있으면 릴리스를 막아야 합니다.
여기에는 두 개의 아이콘이 보입니다.
HTML 코드는 다음과 같습니다.
<svg class="fa d-icon d-icon-d-watching svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#discourse-bell-exclamation"></use></svg>
모든 아이콘에 마우스오버 설명이 있는지 자동으로 확인하는 정기 검사를 권장합니다.
https://community.bitwarden.com/ 및 메타를 포함한 많은 사이트에서 발견되었습니다.
네, 종은 알림과 관련이 있습니다. 그리고 "!"는 긴급함을 의미할 가능성이 높습니다. 또는 SVG 이름에서 보듯이 감시(watching)와 관련이 있을 수도 있습니다.
잠깐!
스레드를 감시 해제(watch 해제)하고 싶어서 클릭해 봤는데, 아마 이것이 클릭해야 할 버튼인 것 같다고 생각했습니다.
이제 이렇게 보입니다.
그러나 여전히 100% 마우스오버 설명이 필요합니다.
마우스오버에는 "감시 중 - 세부 정보 보기 위해 클릭"이라고 표시할 수 있습니다.
아니요, 마우스오버가 없다는 것은 "클릭하면 무슨 일이 일어나는지 확인하세요"라는 뜻이 아닙니다.
그것은 "개발자가 마우스오버 설명을 잊었다"는 뜻입니다.
네, 클릭하면 사용자에게 큰 상(최고의 결과)이 주어지더라도 마찬가지입니다.
하지만 사용자가 클릭하기 전에는 그것을 알 수 없으니까요.
그것이 아마도 현명한 판단일 것입니다. 다만, 모든 사용자가 마우스를 사용하는 것은 아니죠.
누군가는 그것이 비상 경보 버튼이라고 생각하여, 마우스 오버 설명이 없으면 절대 클릭하지 않을 수도 있습니다.
논란 끝에 있는 알림 설정 링크에는 마우스 오버 기능이 작동하며, 해당 설정의 용도에 대한 설명도 함께 게시되어 있어 마우스 없이도 읽을 수 있습니다.
네, 어떤 사람은 "즉시 남용 신고"라고 생각해서 더 자세히 알아보기 위해 클릭하지 않을 수도 있습니다.
실제로, 스레드 하단에는 다시 아이콘과 함께 자세한 설명이 나와 있습니다.
그래서 디자이너들은 사람들의 시선이 먼저 하단으로 향하고, 다시 위로 올라올 때 그 심볼의 의미를 떠올릴 것이라고 가정하는 것일지도 모릅니다.
마우스오버 정보 표시에 텍스트를 넣는 것을 놓친 것일 수 있다고 말씀하신 것이 맞을 가능성이 높습니다. 새 버전으로 이 내용을 쉽게 수정할 수 있다면 간단히 해결될 것 같습니다.
측면의 스크롤바는 데스크톱/태블릿 뷰에서만 표시되는 것 같습니다.
종 아이콘은 일반적으로 알림 설정을 의미하며, 상사에게 무언가를 보고하기 위한 깃발이나 느낌표 아이콘과는 다릅니다.
