상단 타이틀

[전액무료]
디자인 테크닉 향상을 위한 WCAG2+ARIA1
접근성 미니 프로젝트 과정

 

UI/UX 콘셉트, 콘텐츠, 정보 구조, 워크플로우, 서비스 정책, 디자인 산출물을 파악하고 접근성을 고려한 유니버셜 디자인 결과물 제작할 수 있는 능력을 향상하는 핵심 실습형 과정입니다.

1


[ 하모니의 완성은 WAI-ARIA ]

HTML5는 좋은 기술이지만 완벽하지는 못하다.
그래서 부족한 접근성을 향상하기 위한 보조기술이 필요한데,
WAI-ARIA는 HTML5와 완벽한 하모니를 낼 수 있는 짝이다.

WAI-ARIA가 왔다!
그럼 WAI-ARIA가 HTML5와 완벽한 하모니를 낼 수 있다는 이유는 무엇일까?
바로 기존의 HTML5 문서에 WAI-ARIA 보조 기술을 추가한다고 하더라도 기존 웹 문서의 디자인과 태그를 전혀 해치지 않기 때문이다.
WAI-ARIA는 그저 접근성 정보를 추가하는 것일 뿐이므로 디자인이나 스타일이나 코드에 어떤 영향도 줄 수 없다.
이것이야말로 하모니다. 서로의 장점에 전혀 해를 끼치지 않으면서 동시에 쓸 수 있으니까.

조만간 WAI-ARIA는 접근성 증진을 위해 꼭 필요한 기술로 자리 잡을 것이다.
지금은 접근성 대응이 선택이 아닌 필수로 자리 잡은 시대니까.
- 웹스미디어 -


* 본 교육은 『국가인적자원개발 컨소시엄-현장인력 재교육 사업』으로 교육비 전액 정부지원 과정입니다. (컨소시엄 협약 체결 후 교육참여 가능)
* 지원대상 : 고용보험에 가입된 중소기업 또는 대기업 재직자(대기업 재직자는 최종 인원의 50%까지만 가능)

■ 교육 일정

구분 강의 주제 및 내용 강사진

1 Session:
2016. 11. 17(목)

10:00~18:00

[디자인 컨셉 도출 및 템플릿 제작 실습]

* 환경 분석에 따른 디자인 컨셉 도출
- pre survey
- course overview
- UX&UI design

* 실습을 위한 템플릿 제작
- KWCAG 2.0 가이드라인
- 이미지 슬라이싱 테크닉

지훈(야무)
프리랜서 IT 강사
2 Session :
2016. 11. 24(목)

10:00~18:00
[UI 컴포넌트 사례 분석 및 실습 1, 2]

- UI 컴포넌트 사례 분석

- WCAG2.0 인식/운용
- WCAG2.0 이해
- WCAG2.0 견고
- 라디오버튼 제작(사용자 정의)
- 체크박스 제작(사용자 정의)
- 셀렉트 메뉴 제작(사용자 정의)
3 Session :
2016. 12. 1(목)

10:00~18:00
[UI 컴포넌트 사례 분석 및 실습 3, 4]

- Global Navigation Bor 제작 Part 1,2,3
- ARIA 추상역할, 구조역할, 랜드마크, 위젯
- ARIA 아코디언 위젯 제작 Part 1,2,3
 

■ 강사소개

강사 사진

프리랜서 IT 강사 지훈(야무)

:: 경력
(전)KTH, UXD 교육 담당 PD
(전)모노디아트센터 팀장
- ㈜정글 커뮤니케이션즈 : 웹 디자인 스페셜리스트, 웹 표준, 액션스크립트
- Opener : LG전자 POP 그래픽 디자인
- Sunny Communication : CI,BI / Package / Brochure

:: 주요프로젝트
- 신한은행 : 하이브리드 웹앱 제작을 위한 HTML5
- SKT : 모바일 비즈니스를 위한 웹 앱 환경 이해
- 매일유업 : 스마트 시대, 웹 표준 플랫폼 테크닉
- Adobe Systems : Webinar – online Seminar (IT & Design)
- LG전자 교육원 : 웹 그래픽 디자인 Advanced
- 나우콤 : 웹 그리드 시스템

:: 기타
- Adobe Creative Leader
- 저서 : 한빛미디어 - 만들면서 배우는 HTML5+CSS3+jQuery

교육신청하기
(사)한국인터넷전문가협회

서울시 동작구 동작대로 43 (사당동, 5층) 한국인터넷전문가협회
교육문의: Tel. 02-874-8702 / educenter@kipfa.or.kr / 페이스북: kipfa