관련 글 보러가기 → WAI-ARIA 바르게 사용하기 1부 - tab 컨트롤 활용하기 널리 알리는 기술 소식 다양한 접근성과 사용성, UI 개발에 대한 소식을 널리 알리고 참여하세요! Spread your knowledge! 구독 아티클 WAI-ARIA 바르게 사용하기 1부 - tab 컨트롤 활용하기 Webacc NV 2017-11-13 nuli.navercorp.com See the Pen horizontal Tab WAI-ARIA by jit0704 (@jit0704) on CodePen. See the Pen vertical Tab WAI-ARIA by jit0704 (@jit0704) on CodePen.
관련 글 보러가기 → 웹페이지에서의 커스텀 컨트롤 사용 시 키보드 접근성 적용하기 널리 알리는 기술 소식 다양한 접근성과 사용성, UI 개발에 대한 소식을 널리 알리고 참여하세요! Spread your knowledge! 구독 아티클 웹페이지에서의 커스텀 컨트롤 사용 시 키보드 접근성 적용하기 W nuli.navercorp.com See the Pen 커스텀 컨트롤 사용 시 키보드 접근성 적용 by jit0704 (@jit0704) on CodePen.
http://gov.seoul.go.kr/archives/47485
http://nuli.navercorp.com/sharing/a11y/tool
1. 대체 텍스트 제공정의 : 텍스트가 아닌 콘텐츠(non-text contents) 중에서 글로 표현될 수 있는 모든 콘텐츠는 해당 콘텐츠가 가지는 의미나 기능을 동일하게 갖추고 있는 텍스트 모드로 표시되어 있어야 한다. 1.1 텍스트 이미지- 웹 접근성 준수를 위해서는 원래 제공하고자 했던 텍스트 이미지 내용을 그대로 대체 텍스트(alt="")로 제공.1.2 그림과 사진- 일반적인 인물, 풍경, 회사 로고, 상품 및 제품 사진 등에는 해당 인물의 이름, 풍경의 제목 및 간단한 묘사, 회사 이름, 상품이나 제품의 이름 등을 그대로 대체 텍스트로 넣는 것이 바람직함.1.3 링크가 걸린 이미지- 링크 자체에 링크의 성격을 기술해주는 title을 제공하는 것이 바람직. 특히 새창으로 열릴 경우에는 title..
- Total
- Today
- Yesterday
- SFPro web font
- jquery
- VSCode
- San Francisco웹폰트
- 깃허브
- 자바스크립트 탭메뉴
- node.js
- WAI-ARIA탭메뉴
- 웹폰트
- 웹 접근성
- 패럴럭스 스크롤
- CSS3
- 부트스트랩class명
- 키보드접근성자바스크립트
- 본고딕
- 키보드 웹접근성
- WAI-ARIA tab menu
- bxslider
- one scroll
- 애플웹폰트
- PlaceHolder
- 접근성탭메뉴
- San Francisco web font
- Flexbox
- 접근성 tabmenu
- placeholder css
- SFPro웹폰트
- 부트스트랩 네이밍
- 반응형웹
- Git
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |