웹접근성

웹 접근성(Accessible HTML) - 큰 깨달음..!!!

flex에 한참 빠져있던 나. 팀원과 토의 중 아래와 같은 문제에 봉착했다. flex를 이용해서 뷰포트의 정 중앙에 로고이미지가 있고 같은 수평선 라인 오른쪽 끝에 버튼 하나 는 어떻게 구현할 수 있을까? 음... justify-content 속성을 center로 주고 버튼만 밀어낼 수는 없다. 왜냐면 로고가 아닌 저 두 컨텐츠의 사이가 center가 되니까. justify-end속성을 주고 마진을 이용해 로고이미지를 마진으로 밀어내는방법? 하지만 마진계산을 어떻게 하느냐에 따라 반응형 웹 구현에 방해받을 수 있다. 같은 수평선 안에서 로고나 텍스트를 정렬해야하는 상황은 항상 있고 그 때마다 난관에 봉착하지만 또 어찌어찌 하다보면 되서 되는대로 넘어가게 되는 이런 악순환을 끊기 위해 멘토님께 질문을 드렸..