웹접근성4 웹접근성과 레이어팝업창, 새창팝업 관련 이슈 웹접근성 관련 이슈 : 레이어 팝업창, 새창 팝업 관련 홈페이지를 제작하면서 고려할 많은 웹접근성 관련 이슈가 있습니다. 이미지에 대한 대체텍스트 제공, session 태그 등을 사용할 때 h 태그를 사용하여야 하는 것 등은 발주사와의 의견 교환없이 코딩을 할 때 준수하면 됩니다. 하지만 팝업에 대해서는? 긴급공지내용이나 비정기적 공지내용을 팝업창으로 해결해 달라는 발주사가 많습니다. 팝업창은 발주사의 의견, 요청과 관련이 되어 있습니다. 하지만 홈페이지에 레이어 팝업창이 뜨는 경우 키보드 제어가 안되기 때문에 웹접근성 위반이 됩니다. 포커스가 레이어 팝업창으로 가야하고 닫을 때 키보드로 제어할 수 있어야 하는데 제어가 안되기 때문입니다. 즉, 웹접근성을 고려한다면 레이어 팝업이나 새창팝업은 사용하면 안.. 2020. 10. 11. 웹표준과 웹접근성에 대하여 웹표준과 웹접근성에 대한 간단한 코멘트 웹 표준이란 어떤 운영체제나 어느 브라우저에서든 상관없이 웹사이트가 항상 동일하게 보여지도록 표준을 맞추는 것입니다. 웹 접근성이란 장애인, 고령자 등을 포함한 모든 인터넷 사용자가 웹사이트에 쉽게 접근할 수 있도록 구현하는 것입니다. 웹 표준의 장점으로는 어떤 기기를 사용해도 똑같은 웹 브라우저를 볼 수 있고, 로딩속도가 빠르며, 웹사이트 접근이 쉽다는 점이 있습니다. 웹 접근성을 준수한다면 정해진 규정과 법적 요구사항에 대한 준수, 유지 및 개발비용의 절감, 장애인, 노인 등 포괄적인 범위로 사용자층 확대 등 많은 장점이 있습니다. 우리가 살아가고 있는 이 시대는 매우 다양한 인터넷 접속환경을 제공하고 있습니다. PC뿐만 아니라 스마트폰, 태블릿 등 다양한 기기.. 2020. 9. 30. 통합진단 클릭닉, 웹개방성 / 웹연결성 진단 : Korea Html 5 Korea html 5를 소개합니다. Korea html 5 사이트에서는 엑티브X 존재여부, 웹 표준, 웹 연결성, 웹 개방성에 대한 진단결과를 제공합니다. 진단 결과를 통해 웹 취약점에 위배되는 사항에 대하여 점검을 해줍니다. 또한 점검결과를 엑셀로 다운로드 받을 수 있습니다. url은 아래와 같습니다. https://www.koreahtml5.kr/main.do KOREA HTML5 HTML5 소개하고 동향정보와 활용정보, 교육안내 등 관련 정보 제공 html5.websrv.co.kr 홈페이지 화면은 아래와 같습니다. 화면에서 표시한 붉은 박스의 url 진단을 클릭합니다. url 진단을 클릭 후 이동하는 화면은 아래와 같습니다. 여기에서 진단항목, url, 브라우저 등 필요한 사항을 선택하고 진단 시.. 2020. 9. 27. 웹접근성 평가 항목 관련 몇 줄 웹접근성 평가 항목과 관련하여 몇 줄 적어 봅니다. 웹 접근성이란 장애인, 고령자 등을 포함한 모든 인터넷 사용자가 웹사이트에 쉽게 접근할 수 있도록 구현하는 것입니다. 그럼 웹접근성 평가와 관련한 간단한 내용을 소개합니다. 웹접근성을 평가하는 항목은 대체로 아래와 같습니다. ㅇ 대체 텍스트 제공 ㅇ 제목 제공 ㅇ 기본언어 정의 ㅇ 새창열림 사전공지 ㅇ 레이블 제공(label) ㅇ 마크업 문법 그 중에서 레이블 제공 관련 내용입니다. 코딩에서 img 태그에 alt로 대체텍스트를 작성해 주어야 웹접근성 평가에서 감점이 없습니다. 그런 것처럼 웹접근성에 맞게 코딩을 할 때는 인풋박스 마다 레이블이 들어가야 합니다. 스크린리더기가 인터넷을 사용하는 시각장애인에게 어떤 인풋박스가 있는지 알려주어야 하기 때문이죠.. 2020. 9. 26. 이전 1 다음
