web sprit

tabindex는 사용자가 tab 키로 웹을 이용시 접근할 수 있도록 접근가능 또는 접근이 가능하지 않도록 만들 수 있습니다. 요즘 레이어 팝업의 접근성 문제로 작업을 하는 중 새삼 tabindex 에 대한 내용을 공부해봐야 겠다 생각이 들어 정리하게 됩니다.제가 실무에서 작업해 본 tabindex는 아래와 같았습니다. 1. tabindex 사용법tabindex는 tab으로 접근할 수 없는 부분에 사용할 수 있습니다. 1textcs위 처럼 설정하면 a, button, input 태그등 tab으로 접근가능한 태그가 아니더라도 접근 가능해 집니다. 2. tabindex 값 (-1, 0 ,1~)tabindex의 값은 -1, 0, 1~ 로 설정할 수 있습니다.그럼 위의 값으로 설정하면 어떠한 일이 일어 날까요?..

간단한 예를 들어character 라는 변수안에 라는 문자를 넣고 싶다면저 쌍따옴표는 어떻게 표현할 수 있을까요? javascript 문법에서는 이렇게 표현합니다. 1var character = "난 \"미키 마우스\" 입니다."cs 위처럼 홀따옴표나 쌍따옴표를 표현하려면 백슬래시(＼) 다음에 사용하고자하는 따옴표를 넣으어console 창에 찍어보면 그대로 원하는 문자열로 출력되는 것을 확인할 수 있습니다. 반대로 홀따옴표로 표현하고 싶다면 아래와 같습니다.1var character = "난 \'미키 마우스\' 입니다."cs

모바일 제작이나 반응형웹을 제작할때 부딪힐 수 있는 문제입니다.마크업을 작업하면 PC로 비교해보면서 작업을 하게 되는데요.쉽게 지나치고 모바일에서 확인했을때 전화번호로 되어진 부분예) 010-xxxx-xxxx 전화번호 부분을 IOS 모바일로 확인했을때 링크로 인식하여 내가 의도치 않은 색으로 지정되어 집니다.황당하죠....이 현상은 IOS는 전화번호 자동링크로 인식하여 화면의 UI 나 디자인에 영향을 미칩니다. 그럼 바로 해결 해야죠. 아래의 메타태그를 head 태그 안에 입력해 줍니다. 그럼 원래 지정했던 색이 적용되어 모바일에서 확인하실 수 있습니다.IOS 에서 자동 링크로 전화걸기를 연결하지말고 원래 디자인은 적용하면서 전화걸기 링크를 넣으려면 다음과 같은 방법을 사용하십시오.전화걸기그럼 모바일에서..