지난 24시간쯤부터 이런 문제가 시작된 것 같습니다. 배너 로고 위에 파란색 줄이 보입니다…
처음에는 제 포럼에서 이 현상을 발견했지만, 메타 사이트에서도 재현됩니다. Edge 브라우저에서만 보입니다. Firefox나 Chrome에서는 보이지 않습니다. 또한 모바일 브라우저에서만 나타납니다. 데스크톱 버전의 Edge에서는 표시되지 않습니다.
어제 최신 Discourse 코드로 업그레이드했지만, 바로 그 직후에 나타난 것인지, 아니면 지난 24시간 동안 Edge 업데이트도 있었는지는 알 수 없습니다.
수정: 모바일 브라우저에서 페이지를 데스크톱 사이트로 표시해도 여전히 보입니다. 그럴 줄 알았지만, 생각해보니 한 번 시도해볼 가치가 있었습니다.
페이지가 너무 빨리 로드되어 완료된 바만 보고 있는 것 같습니다. 크롬이나 파이어폭스와 호환되지 않는 건가요?
사실 더 생각해 보니, 그 바는 화면 폭의 약 45%까지만 채워지는데, 테마 컴포넌트의 예시는 화면 전체를 가로지릅니다.
얼마나 오래 기다려도 바는 45%를 넘지 않습니다. 이 경우 엣지 브라우저에서 페이지가 완전히 로드되지 않는다는 뜻인가요?
수정:
페이지를 새로고침하면 슬라이더가 보입니다. 제가 보는 파란색 바보다 더 얇고, 슬라이더가 100%에 도달한 후에 파란색 바가 나타납니다.
안녕하세요 
그 줄은 하단에 위치한 본문으로 건너뛰기 링크입니다. Edge 브라우저의 글꼴 크기를 변경하면 이 문제를 재현할 수 있습니다.
기본 글꼴 크기 100%에서는 문제가 없는 것 같습니다.
하지만 글꼴 크기를 110% 이상으로 설정하면, 헤더 위에 숨겨져 있던 본문으로 건너뛰기 버튼이 표시됩니다. 브라우저의 글꼴 크기 변경 기능이 요소들을 제대로 존중하지 않는 것 같습니다…
페이지를 새로고침하면 모든 것이 정상으로 돌아갑니다.
새로고침 전 200%
새로고침 후
다만, Discourse에는 브라우저의 글꼴 크기 변경 대신 사용할 수 있는 글꼴 크기 변경 기능이 있으며, 기기 자체의 접근성 기능도 사용할 수 있습니다. 이러한 기능들은 요소들을 올바르게 존중합니다.
Discourse에서 텍스트 크기 변경:
인터페이스 페이지로 이동하여 텍스트 크기를 변경할 수 있습니다.
글자 크기를 키우면 버튼은 보이긴 하지만, 제 폰에서는 100%일 때 파란 선이 보입니다. 이 선을 없애려면 크기를 90%로 줄이거나 Discourse의 글자 크기를 '작게’로 설정해야 합니다. 하지만 제 나이에선 글자 크기를 키워야 하는 상황이므로, 작게 설정하는 것은 현실적으로 어려운 선택입니다.
그래도 숨겨진 버튼의 목적은 무엇인지 궁금합니다. 대부분의 사용자(모바일 Edge가 아니거나 ‘적절한’ 글자 크기를 가진 사용자)가 이 버튼을 볼 수 없다면, 과연 유용한 UX 요소라고 할 수 있을까요?
접근성(Accessibility)을 위한 것입니다. 스크린 리더는 해당 버튼을 인식할 수 있습니다.
아, 그렇군요.
무엇이 변경되었는지 혹시 아시나요? 며칠 전에는 파란 선이 없었는데, Edge나 Discourse, 또는 제 폰에서 폰트 크기를 변경해서 나타난 것도 아닌 것 같습니다. 최신 Discourse 커밋을 적용한 후에 나타난 것 같긴 하지만, 100% 확신은 못 하겠네요.
