Foundation 테마의 현대화

Foundation 및 Meta 브랜드에서 보이는 모습:

image image

숫자와 화살표가 들어가는 컨테이너는 동일한 크기로 설정되어야 합니다.

2개의 좋아요

모바일에서는 이 항목이 보이지 않습니다. 데스크톱 전용이 맞는 건가요?

고맙습니다. 더 조사해 보았더니, 새로운 foundation 테마 때문이네요. 이 테마는 Meta Branded에서도 사용되고 있으며, 데스크톱과 모바일 모두에서 발생하는 문제입니다.

이 문제를 Modernizing the Foundation theme 으로 이동해야 하는지 확실하지 않습니다.

1개의 좋아요

최고경영진(Exec)의 결정으로 그렇게 했습니다 :wink:

3개의 좋아요

이 문제는 수정되었으며 곧 업데이트될 예정입니다.

3개의 좋아요

다크 테마에서 특정 버튼의 active 상태(주로 키보드 탐색 시 확인되며, 마우스/터치 사용 시 일시적으로 나타남)가 어두운 배경 위에 짙은 보라색으로 표시되어 눈에 거칩니다:
image

빨간색 hover 상태도 마찬가지입니다:
image

하지만 가장 문제가 되는 것은 빨간 배경에 어두운 텍스트가 들어간 “danger” 버튼입니다:
image

아마도 빨간색 값/밝기를 조정하는 것만으로 2번과 3번 항목을 수정할 수 있을 것입니다.

2개의 좋아요

이것은 이 메타 테마에서만 그런 건가요?

네. foundation에 대해:

active
image

hover
image

danger
image

Meta 브랜딩보다 대비가 더 좋습니다.

2개의 좋아요

이 문제는 여전히 존재합니다:

WCAG 색상을 사용할 때 버튼의 테두리를 조정할 계획이 있나요? 현재 매우 얇고 밝은 테두리가 잘 보이지 않아서, 일부에서는 버튼이 아니라 아이콘만 떠다니는 것처럼 보입니다. 이전의 단색 회색 버튼에서는 이런 문제가 없었습니다.

헤더 아래 그림자가 제거되었을 때와 작성기 상단의 색상 줄이 제거되었을 때도 비슷한 느낌을 받았습니다. 하지만 그 부분은 화면에서 명확한 영역인 반면, 버튼은 다양한 위치에 배치되어 있어 주변 환경과 구별하기가 더 어렵게 느껴집니다.

예를 들어 설정의 텍스트 필드는 더 어두운 윤곽선을 가지고 있습니다:

또한 카테고리 보안 스타일링이 깨지는 것처럼 보이기도 합니다:

다가오는 변경 사항에서 그룹 선택지도 새로운 디자인에서 유독 크다고 느껴집니다:


3개의 좋아요

모바일에서 내비게이션 바의 텍스트 크기가 너무 작다고 생각합니다(화면 상단에 위치해 있어 스크린샷에서 보이는 것보다 가독성이 더 떨어집니다). 추천/관련 글의 글꼴도 너무 작습니다.

기존 글꼴 크기는 좋습니다:

참고

2개의 좋아요

저는 이것이 분명 취향의 문제라고 생각합니다. 왜냐하면 저는 구버전과 신버전에 대해 정확히 반대된 생각을 가지고 있기 때문이죠. 구버전의 기본 폰트와 버튼은 너무 투박하게 느껴지고, 신버전의 세련된 요소들은 비교했을 때 전체 레이아웃에서 훨씬 보기 좋습니다. 데스크톱이나 모바일에서 기능적인 사용에 대해 저는 불만이 없으며, 이 기능을 활성화한 후 제 사용자들도 불만을 제기하지 않았습니다. :woman_shrugging:t2:

관리자들에게 피드백을 전달해 보시는 것도 좋을 것 같고, 어쩌면 그들이 구버전의 변경 사항을 적용한 또 다른 테마를 만들 수도 있을 겁니다. 말씀하신 그 폰트들을 키우는 것은 CSS로 어렵지 않습니다. 또는 스타일러스(Stylus) 같은 스크립팅 브라우저 확장 프로그램을 사용해 직접 수정 사항을 추가할 수도 있습니다(저는 이 사이트 포함, 방문하는 모든 디스코urse 사이트에서 그렇게 하고 있습니다).

수정:

예를 들어, 다음과 같은 것들이 있습니다:

토픽 헤더 텍스트

.extra-info-wrapper .topic-link {
    font-size: larger;
}

관련/추천 토픽 푸터 버튼 아래도 참고

.more-topics__container .nav {
    font-size: larger;
}
4개의 좋아요

관련 버튼 아래에 작은 간격이 있습니다


글꼴 크기를 키우면 더 분명해집니다

Stylus

.more-topics__container .nav .d-button-label {
   font-size: 150%;
}


2개의 좋아요

네, 그래서 제가 "대략적으로"라고 말한 거예요. 테마 관련해서 다른 설정이 있을 수도 있으니까요. 저는 메타(Meta)를 사용했고, Rust 포럼은 아니었어요. 제가 착한 사람이라서 대신 한번 찾아볼게요. 하지만 전체 푸터 헤더를 확인하려면 새 항목이나 읽지 않은 항목이 생길 때까지 기다려야 해요. 아바타가 있는 스크린샷을 보면 모바일 뷰포트에서 찍은 건가요?

3개의 좋아요

여기서 그 특이점이 보입니다

2개의 좋아요

OK, 새로운 foundation 테마와 주입된 AI 관련 주제 버튼에서 UX 버그인 것 같습니다. 버튼 클래스가 조금 다릅니다:

image

하지만 이것으로 일부 수정할 수 있습니다 - padding과 line-height 조정으로 패치할 수 있습니다:

.more-topics__container .nav li .btn {
  padding: .5em;
  line-height: 0;
}

데스크톱:

Screenshot from 2026-05-02 20-18-28

Screenshot from 2026-05-02 20-18-34

모바일:

Screenshot from 2026-05-02 20-22-43

Screenshot from 2026-05-02 20-22-47

2개의 좋아요

고정 상태 메뉴에서 옵션들이 심각하게 겹칩니다:

3개의 좋아요

모바일 브라우저에서 관리 탭 그룹 페이지를 열었을 때 레이아웃이 깨져 표시됩니다 - 기여 / 사용자 경험 - Discourse Meta

여기서 이 변경 사항을 거부할 수 있는 방법이 아직 있는 건가요? 저는 해당 그룹에 가입하지 않았는데, 이 변경 사항이 저에게도 활성화된 것 같아서 WCAG 팔레트를 사용하고 있음에도 버튼 테두리가 거의 보이지 않습니다.

2개의 좋아요

아니요, Meta에서는 더 이상 옵트아웃이 아닙니다. 해당 그룹은 이제 구식이 되었습니다.

하지만 여러분이 발견하는 문제점을 계속 보고해 주시기를 바랍니다. 여러분이 그렇게 하리라고 확신하며, 아직 다듬어야 할 부분을 함께 찾아갈 수 있을 것입니다.

1개의 좋아요

틀린 말입니다. 제가 지금까지 보고한 문제들이 수정될 때까지 기다리겠습니다. 그러면 그 문제들에 온전히 집중하실 수 있을 테니까요. :wink: 진심으로 말하지만, 2월에 작성한 내용이 아직까지 처리되지 않은 상황에서 제가 눈치채는 것들을 기록하는 데 시간을 쓰는 것이 큰 의미가 없다고 생각합니다. 게다가 인터페이스를 제대로 볼 수 없는 사이트를 사용하는 것이 얼마나 불쾌한지, 여러분도 이해하실 거라고 믿습니다. 접근성이 여러분에게 그렇게 낮은 우선순위인 것이 안타깝습니다.

수정: 첫 번째 "you"를 제외하고는, 이 말들은 chapoi 개인을 지칭하는 것이 아닙니다. 이 모호함을 알아채지 못해서 죄송합니다. 독일어에서는 이 문제가 존재하지 않습니다. 왜냐하면 해당 단어들이 다르기 때문이죠.

또한, 왜 WCAG가 낮은 우선순위라고 느끼는지에 대해 설명드리고 싶습니다. 이 포럼의 기본 테마가 기본적으로 WCAG에 부합하도록 설계되지 않았을 뿐만 아니라, 오히려 접근성 있는 색상 팔레트의 사용을 능동적으로 차단하고 있다는 사실은, 이 문제가 높은 우선순위가 아니라는 제 결론으로 이어집니다. WCAG에 부합하는 대안을 추가하거나, 기본 테마를 처음부터 WCAG 팔레트를 기반으로 구축할 수 있었을 것입니다.
마찬가지로, Horizon의 경우에도 모든 포럼을 위한 기본 테마를 만들었고 여러 색상 팔레트가 포함되어 있지만, 그중 어느 것도 WCAG 팔레트를 기반으로 하지 않습니다.

5개의 좋아요