728x90 300x250 SMALL Front-end313 웹접근성 이란? 웹 접근성이란? 웹 접근성은 어떤 신체적 장애가 있는 사람이라도 남녀노소 어떤 환경에 있더라도 가능한 많은 사용자가 불편 없이 사용할 수 있도록 서비스를 제공하는 것을 말합니다. 한국형 웹 콘텐츠의 지침의 경우에는 대부분 시각장애인에 초점이 맞춰져 있습니다. 한국형 웹 접근성은 국제표준화기구 W3C에서 만든 WCAG를 기반으로 해서 KWAG를 제정해서 만들어졌습니다. KWAG는 웹 접근성 제고를 위한 4가지 원칙과 각 원칙을 준수하기 위한 13개의 지침, 해당 지침의 준수 여부를 확인하기 위한 24개의 검사 항목이 있습니다. 이렇게 24개의 항목을 모두 통과해야 합니다. 아래 링크에 가면 지침 가이드를 다운로드하여 볼 수 있습니다. https://www.wah.or.kr:444/Participation/.. 2022. 2. 20. css 불타는 글자 효과 지난 포스팅에서 text-shadow 클래스에 대해서 알아봤습니다. https://moo-you.tistory.com/472 text-shadow 사용법 text-shadow 글자에 그림자를 적용시킬 수 있는 효과 text-shadow:none| 수평거리 : 양수값은 글자 오른쪽, 음수값은 글자 왼쪽으로 그림자의 수평 거리를 정함 수직 moo-you.tistory.com 이번에는 이 text-shadow css를 사용해서 글자에 불타는 효과를 주도록 하겠습니다. html Lorem ipsum dolor css .txt {text-shadow: 0 0 4px #ccc, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -19px 18px #f2.. 2022. 2. 10. svg 삼각형 그리기 <polygon> polygon의 "poly"는 많다는 것을 뜻하고 "gon"은 각도를 의미 즉 다각형 최소한 세 면을 포함하는 도형을 만들 때 사용한다. 이 polygon을 이용하면 삼각형을 만들 수 있다. points 속성을 이용해서 각 꼭지점의 x,y축의 좌표를 지정해 준다. 2022. 2. 8. text-shadow 사용법 text-shadow 글자에 그림자를 적용시킬 수 있는 효과 text-shadow:none| 수평거리 : 양수값은 글자 오른쪽, 음수값은 글자 왼쪽으로 그림자의 수평 거리를 정함 수직거리 : 양수값은 글자 아래쪽, 음수값은 글자 위쪽으로 그림자의 수직 거리를 정함 번짐정도 : 양수값은 그림자 번짐이 커지고 음수 값은 작아짐 Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor 수평거리 예시 .t1 {text-shadow: 2px 2px 2px #000;} .t2 {text-shadow: 6px 2px 2px #000;} .t3 {text-shadow: -2px 2px 2px #000;} 수직거리 예시 .t1 {text-shadow: 2px 2px 2px #000.. 2022. 2. 5. 이전 1 ··· 34 35 36 37 38 39 40 ··· 79 다음 728x90 반응형 LIST
