과제 - 웹 표준 & 웹 접근성 개선
1.웹 표준에 맞는 HTML 코드를 작성할 수 있다.
2.<div>요소, <span>요소를 적절한 시맨틱 태그로 바꿀 수 있다.
3.자주 틀리는 마크업 규칙을 발견하고 수정할 수 있다.
4.스크린 리더를 활용하여 웹 접근성을 개선할 수 있다.
5.WAI-ARIA 속성을 적절하게 사용할 수 있다.
1.웹 표준에 맞는 작성을 위해 자주 틀리는 요소, 시맨틱, 크로스브라우징에 대해 이해하고 있으며 SEO를 통해 더 많은 사용자가 유입될 수 있게 하는 방법에 대해 이해하고 있다.
2.div, span 요소를 적절한 시맨틱 태그로 바꿀 수 있지만 header, main, footer, aside, nav 정도만 사용해도 우수한 편이 아닌가 싶을 정도로 네이버, 구글, 쇼핑몰들 등 규칙을 제대로 지킨 곳을 찾기가 어려웠다.. (심지어 코드스테이츠도)
3.자주 틀리는 대표적인 마크업 규칙 다섯가지를 이해하고 수정할 수 있다.
4.스크린 리더를 이용해 어떤 방식으로 데이터를 읽어올 수 있는지를 확인하고 수정할 수 있다. 안경을 벗고 하는 것이 가장 효과적이며 화면이 보이지 않는 상태를 가정할 경우는 너무 복잡해서 아직 하기 힘들 것 같다.
5.WAI-ARIA 속성은 생각보다 실제로 사용하는 곳도 별로 없고 하나하나 모두 달아주기도 힘든 것 같다.
오늘 배운 내용은 뭔가 그럴듯하고 이해하기 어렵지도 않았지만
막상 대표적인 사이트 (구글, 네이버, 유튜브 등과 심지어 mnd, w3c...)들도 지키지 않는 모습을 보면 이게 초등학교 때 배운 도덕 교과서 내용과 다를게 뭔가 싶었다.
막상 버스에 가면 자리를 양보해주는 사람을 보기가 힘들 듯 제도적인 개선이 더 필요하다고 본다.
'회고' 카테고리의 다른 글
| [Backend] 인증 / 보안 (0) | 2022.07.14 |
|---|---|
| [네트워크] 심화 (0) | 2022.07.13 |
| [사용자 친화 웹] 웹 표준 & 접근성-2 (0) | 2022.07.11 |
| 학습(알고리즘) (0) | 2022.07.10 |
| 학습(알고리즘) (0) | 2022.07.09 |
