HTML
-
일정시간 팝업 노출 간단히 구현해보자 :: 마이구미HTML, CSS 2016. 11. 22. 19:41
이번 글은 "일정시간 팝업 노출" 에 대해 다뤄본다. 일단 주제를 자세히 알기 위해 아래 링크를 방문해보자. https://www.agoda.com/ko-kr/city/fukuoka-jp.html http://gostaygolf.com/goods/view.html?pid=67 아래 이미지 보자. 위 링크와 같이 자동으로 팝업이 나왔다가 사라지는 경우를 많이 볼 수 있다. 사실상 크게 어려운 작업이 없다. 하지만 수요가 많기에 개발능력이 미숙한 사람들이 많이 찾아올 꺼 같아서 글을 쓴다. 쉽지만 누구나 히스토리에 남길만한 주제로 괜찮다고 생각했다. 본인이 간단하게 작성한 테스트 페이지이다. 테스트 페이지 여기서 핵심적인 것은 position:fixed 속성이다. css의 position을 사용할 때는 거의..
-
웹 접근성 tabindex 속성 :: 마이구미HTML, CSS 2016. 8. 18. 18:17
이번 글은 tabindex 속성에 대한 웹 접근성에 대해 알아볼 것이다.참고 자료 - http://nuli.navercorp.com/sharing/blog/post/1132726tabindex 를 활용한 하나의 테크닉 - https://mygumi.tistory.com/372 tabindex 속성은 키보드 접근성에 근접한 속성이다. 키보드 접근성이란, 말 그대로 스크린 리더 사용자가 키보드를 통해 웹 페이지의 정보에 접근하는 것이다. 스크린 리더를 쓰지 않더라도, 흔히 우리도 주로 탭이나 엔터를 통해 사용하고 있다. 자 그렇다면, tabindex 란 무엇일까? 어떤 엘리먼트에 키보드 포커스를 주는 가장 흔한 방법으로 사용된다. 크게 3가지 속성값을 이용할 수 있다. 0 값 - tabindex="0" 양수..
-
웹 접근성 html lang 속성 :: 마이구미HTML, CSS 2016. 8. 16. 16:32
이번 글은 html lang 속성에 대해 알아볼 것이다. 다들 lang 속성이 무엇을 뜻하는 지는 짐작할 것이다. 단순히 언어 지정하는 것이 아닌가?맞다. 하지만 단순히 이렇게만 알고 있으면 안된다. 기본적으로 위와 같이 셋팅하여 사용한다. ko... 뭐 코리아네.. 대수롭지 않게 생각했을 것으로 예상한다. 그래도 왜 쓰는지 정확히 알고 가야하지 않겠나? 쉬운 내용이니 한번 읽어보길 바란다. lang 속성은 웹 접근성에 관한 내용이다. 한국형 웹 콘텐츠 접근성 지침(KWCAG) 2.1에는 웹페이지의 head 요소 안에 페이지의 기본 언어 선언을 규정하고 있습니다. 지침을 보다시피 필히 명시되줘야한다. 그렇다면 왜 명시해줘야하는가? 화면 낭독 프로그램 (스크린 리더) 이 언어를 인식하여 자동으로 음성을 변..