Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

등급 미달 멤버의 수료증 링크 비활성화 #224

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from
Draft

Conversation

DaleSeo
Copy link
Contributor

@DaleSeo DaleSeo commented Jan 25, 2025

등급 미달 멤버의 수료증 발급을 차단한 PR #221에 이어서, 등급 미달 멤버의 수료증 링크를 비활성화시켰습니다. 관련해서 <Link/> 컴포넌트가 disabled 속성을 지원하도록 수정하였습니다.

Shot 2025-01-25 at 15 19 19

체크리스트

  • 이슈가 연결되어 있나요?
  • 배포 후 브라우저 콘솔에 경고나 오류가 있나요?

@@ -43,6 +43,9 @@ a {
font: inherit;
margin: 0;
padding: 0;
}

a:link {
Copy link
Contributor Author

@DaleSeo DaleSeo Jan 25, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

모든 a 요소가 아니라 클릭할 수 있는 a 요소에만 커서 포인터가 필요합니다.

Comment on lines +24 to +28
if (disabled && variant !== "primaryButton") {
throw new Error(
"The `disabled` prop is only supported for the primaryButton variant",
);
}
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

primaryButtonvariant에 대해서는 아직 정의된 스타일이 없기 때문에 지원하지 않는 속성 값의 조합이 넘어오면 오류를 발생시킵니다. 이런 식으로 컴포넌트가 의도되지 않은 방식으로 사용되는 것을 방지할 수 있습니다.

@DaleSeo
Copy link
Contributor Author

DaleSeo commented Jan 25, 2025

@yolophg 흑, 😢 제가 피그마에서 우려했던 것처럼 명암비 때문에 접근성 위반이 발생하네요...

하얀 배경에서는 단독으로 쓰일 때는 괜찮은데요. 카드 배경 색 위에서는 명암비가 살짝 부족하네요. 비활성화 링크에 opacity가 있는 색상이 사용되어 그런 걸로 예상되는데 확인 좀 부탁드리겠습니다.

Shot 2025-01-25 at 16 07 43

Shot 2025-01-25 at 16 08 27

@yolophg
Copy link

yolophg commented Jan 25, 2025

@yolophg 흑, 😢 제가 피그마에서 우려했던 것처럼 명암비 때문에 접근성 위반이 발생하네요...

하얀 배경에서는 단독으로 쓰일 때는 괜찮은데요. 카드 배경 색 위에서는 명암비가 살짝 부족하네요. 비활성화 링크에 opacity가 있는 색상이 사용되어 그런 걸로 예상되는데 확인 좀 부탁드리겠습니다.

Shot 2025-01-25 at 16 07 43

Shot 2025-01-25 at 16 08 27

이런, 카드 배경색에서 막혔군요. 디자인 재업데이트하고 공유 드리겠습니다!

@DaleSeo DaleSeo linked an issue Jan 26, 2025 that may be closed by this pull request
@yolophg
Copy link

yolophg commented Feb 11, 2025

까맣게 잊고 병목을 만들었군요, 죄송합니다!😅😭 흰 배경 외에, bg-300 컬러 배경일 때도 a11y 통과하도록 업데이트 해두었으니 적용해주시면 되겠습니다. 감사합니다!
피그마 링크

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

가지 등급 미만 수료증 버튼 비활성화
2 participants