공공기관 프로젝트에 많이 투입되다보니 이런 구조는 정말 매번 짜는 것 같아요그런데 구축을 하면서 접근성 작업도 함께 해야하는 프로젝트를 맡게 돼서 정말 마크업의 중요성을 뼈저리게 느꼈답니당ul li로 짜고 JS로 고치면 되겠지 하며 자만에 빠져 있다가 JS에서 너무 골치가 아파서 이제 마크업을 잘 해놓으면 고생이 덜하다는 것을 깨달았습니다..역시 사수님의 의견은 새겨 들어야 한다는 것.. 리스펙 모든 영역들은 focus가 논리적인 흐름, 순서대로 이동해야 하는데요 .. 마크업을 잘못하면 나중에 고생을 합니당 그래서 이제는 마크업부터 제대로 하려고 합니다? 하하리더님께서 자주 쓰시는 방법인데 정말 꿀팁이예요.. 꿀팁 함께 써보아요.. 줍줍 See the Pen <a ..

See the Pen Untitled by posey (@fwapdhxw-the-animator) on CodePen.  얼마 전에 신규 프로젝트 구축을 맡으면서 접근성 마크까지 취득해야하는 경우가 있었다.구축을 해야하니 처음부터 코드를 잘 짜놔야 접근성 개선 항목이 줄어들기 때문에, 굉장한 부담감이 있었다, 그 중 메인 페이지에서 적용했던 기본적인 예시 코드를 공유해보겠다 ! 내가 받은 시안상으로는 ul li 구조가 아니면 반응형에서 너무 힘들 것 같아서 그냥 ul li로 구조를 짜버렸다.그래서 순서대로 포커싱이 가게 하는 코드를 짜야했다.그리고 접근성 개선을 위해 추가해야 하는 항목들을 정리했다. 필수는 아니지만 미리 잘 구축해놓지 않으면 나중의 내가 고생할 것 같아서 수많은 고민을 했다... ..