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

[FE] 시맨틱 태그, 웹 표준, 웹 접근성 로직 리팩토링 #628

Closed
3 tasks done
semnil5202 opened this issue Nov 21, 2023 · 0 comments
Closed
3 tasks done
Assignees
Labels
FE 프론트엔드 관련 이슈 refactor 리팩토링 관련 이슈 우선순위 : 상

Comments

@semnil5202
Copy link
Collaborator

semnil5202 commented Nov 21, 2023

🛠️ 작업 대상

  • 프로젝트 전반의 컴포넌트, 페이지를 대상으로 합니다.

✅ 작업 내용

  • 시맨틱 태그 리팩토링
  • 웹 표준 미 준수 항목 확인 후 발견 시 대응
  • 웹 접근성 로직 리팩토링 및 관심사 분리

📎 참고 자료

No response

⏰ 추정 시간

23일 목요일 이전으로 완료하는 걸 목표로 합니다.

  • 이미 적용되어 있는 것들이 다수일 것으로 예상됩니다. 미 적용된 부분이나 기능 추가 및 유지 보수 과정에서 대응하지 못한 부분에 대해서 확인 후 작업할 예정입니다.
@semnil5202 semnil5202 added FE 프론트엔드 관련 이슈 우선순위 : 상 refactor 리팩토링 관련 이슈 labels Nov 21, 2023
@semnil5202 semnil5202 self-assigned this Nov 21, 2023
@semnil5202 semnil5202 moved this to In Progress in 2023-map-befine Nov 21, 2023
semnil5202 added a commit that referenced this issue Dec 29, 2023
* refactor: home 및 layout 시맨틱 태그 수정

* refactor: topicCard 및 Container 시맨틱 태그 수정

* chore: switch default  off eslint 설정

* refactor: 불필요한 profile img 제거

* refactor: banner section 시맨틱 태그 적용

* refactor: 즐겨찾기, 내토픽리스트 시맨틱 태그 적용

* refactor: topicInfo 시맨틱 태그 수정

* refactor: Map 시맨틱 태그 수정

* refactor: topicCard, Container li 및 article 시맨틱 태그 수정

* refactor: 페이지 컴포넌트 시맨틱 태그 일괄 수정

* refactor: Search 페이지 layout width 지정 및 nav highlight 수정

* refactor: PinDetail h2, h3 시맨틱 태그 적용

* refactor: Logo aria-label 수정

* refactor: Banner aria-label 수정

* refactor: TopicCard 및 Image 공통 컴포넌트 등 aria-label 수정

TopicCard 컨테이너 및 리스트도 수정한다. Image 공통 컴포넌트에 aria-hidden 속성을 추가하여 필요한 상황에만 사용할 수 있도록 한다.

* refactor: topicInfo 접근성 로직 리팩토링

* test: cypress 테스트 data-cy 태그 의존성으로 변경

* refactor: PinPreview 및 뽑아오기 접근성 로직 수정

aria-live 를 사용하는 로직을 useAriaLive 훅으로 분리하고 aria-label을 추가하여 사용성을 높인다.

* refactor: 개발서버 부재에 따른 api 위치 변경

* refactor: URL 주소 공유하기 버튼 접근성 로직 수정

* refactor: pinDetail 및 상세보기 버튼 접근성 로직 추가

* refactor: 댓글 및 답글 접근성 로직 추가

* refactor: 불필요한 console.log 제거

* refactor: 지도 추가하기 접근성 로직 수정

* refactor: 핀 생성 접근성 로직 수정

* refactor: 각 영역 전체보기 페이지 접근성 로직 수정

* refactor: 즐겨찾기 및 나의 지도 접근성 로직 수정

* refactor: 내 정보 컨테이너 접근성 로직 수정

* refactor: 지도, 핀, 닉네임 수정하기 접근성 로직 추가

* design: 크로스 브라우징 UI 일관성을 위해 체크 박스 스타일 조정
@github-project-automation github-project-automation bot moved this from In Progress to Done in 2023-map-befine Dec 29, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE 프론트엔드 관련 이슈 refactor 리팩토링 관련 이슈 우선순위 : 상
Projects
Status: Done
Development

No branches or pull requests

1 participant