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

feat: 반응형 웹 지원 #14

Open
wherehows opened this issue Feb 18, 2023 · 1 comment
Open

feat: 반응형 웹 지원 #14

wherehows opened this issue Feb 18, 2023 · 1 comment
Labels

Comments

@wherehows
Copy link
Owner

wherehows commented Feb 18, 2023

No description provided.

@wherehows wherehows changed the title viewport가 매우 작아질 경우 사이드바가 TNB로 변환 반응형 웹 지원 Mar 6, 2023
@wherehows wherehows changed the title 반응형 웹 지원 feat: 반응형 웹 지원 Mar 25, 2023
@wherehows
Copy link
Owner Author

wherehows commented Jun 6, 2023

참고

Grid와 Media Query 차이

반응형 웹이 SEO에 영향을 끼침

토글 버튼을 Button 태그로 만드는 것과 Input 태그로 만드는 것의 차이

  • chcekbox의 이점은 checkbox 자체가 상태를 가지고 있으며 On/Off의 상태 변화를 스크린 리더가 읽어줄 수 있다는점임.
  • checkbox의 경우, form 요소와 함께 사용자의 정보를 제공하는데 사용되어옴. (실제로 checkbox는 input 태그임). Toggle Button을 checkbox로 만들어도 좋지만, 이것이 정보 제공이 아니라는 것이 확실히 보장될 때만 써야함
  • button을 toggle 태그로 사용하는 경우, wai area를 사용하여 On과 Off 상태를 스크린 리더에 전달할 수 있으나, wai area를 컨트롤해줄 별도의 자바스크립트가 필요하다는 점에서 번거로워보임.
  • https://inclusive-components.design/toggle-button/

@wherehows wherehows added the SEO label Sep 8, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant