Frontend Developer를 향해 !

- 프로젝트를 하다보면 iframe사용할때가 종종 있습니다. 개발쪽에서 url주소부분을 숨기려고 많이들 쓰는데 웹 접근성 지침중에 탭 키로 순차적 이동이 되어야하는 지침이 있습니다.근데 iframe을 사용하면 이부분이 잘 지켜지지 않을 때도 있어서 그 해결방안을 적어놓으려고 합니다. 1. 웹 접근성을 모르는 개발자분들이 js파일에서 a 요소에다가 'blur()'처리를 하는경우 탭 키가 안먹는 경우가 있습니다. js파일내에 'blur()' 메서드를 삭제 하시면 올바르게 작동하더라구요. 2. 1번사항도 아닐 경우에 해당 iframe요소 안에있는 컨텐츠에 접근을 해서 해결하는 방식을 사용해야 합니다.iframe요소 안에있는 컨텐츠에 접근을하려면 js로 접근을 해야합니다.(로컬에서는 에러가 떠서 확인이 안되니 ..

1. 대체 텍스트 제공정의 : 텍스트가 아닌 콘텐츠(non-text contents) 중에서 글로 표현될 수 있는 모든 콘텐츠는 해당 콘텐츠가 가지는 의미나 기능을 동일하게 갖추고 있는 텍스트 모드로 표시되어 있어야 한다. 1.1 텍스트 이미지- 웹 접근성 준수를 위해서는 원래 제공하고자 했던 텍스트 이미지 내용을 그대로 대체 텍스트(alt="")로 제공.1.2 그림과 사진- 일반적인 인물, 풍경, 회사 로고, 상품 및 제품 사진 등에는 해당 인물의 이름, 풍경의 제목 및 간단한 묘사, 회사 이름, 상품이나 제품의 이름 등을 그대로 대체 텍스트로 넣는 것이 바람직함.1.3 링크가 걸린 이미지- 링크 자체에 링크의 성격을 기술해주는 title을 제공하는 것이 바람직. 특히 새창으로 열릴 경우에는 title..