Blue Breeze

* 수식/그래픽/멀티미디어 ** MathML - http://www.w3.org/Math - XML 기반의 수식기술언어 - W3C 권고로 1998년 4월 1.0 공표, 2001년 2월 2.0 공표 - (X)HTML에서는 수식의 정확한 표혀이 어려웠기 때문에 이미지로 처리하거나 문서자체를 PDF로 처리 - MathML으 ㄹ이용하면 수식의 '표기'와 '내용'을 정밀하게 마크업하고 웹페이지에 표현할 수 있다. - MathML과 SVG는 특히 XHTML로 작성된 웹페이지에 수식을 삽입할 때 사용한다고 이해되면 XML 기반의 벡터 이미지 기술언어인 SVG와 합쳐 'XHTML + MathML + SVG'라는 사용도 W3C 초안으로 공개됨 ** SVG - http://www.w3.org/Graphics/SVG/ - ..

Document Type 다른 이름자리(namespace)들에 XHTML 사용 ----- (문서의 본문) ----- 공개식별자 : -//W3C//DTD XHTML 1.0 Strict//EN 시스템식별자 : http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd

* 동작/조작언어 ** ECMAScript(ECMA-262) - http://www.ecma-international.org/publications/standards/Ecma-262.htm - ECMA가 표준하한 JavaScript의 표준규격 - '에크마 스크립트'라고 읽는다. (그냥 '이씨엠에이 스크립트'라고 읽으면 될걸...) - M$와 네스케이프가의 사양/구현 차이를 양사가 ECMA에 참가하여 1996년 11월에 제정 - ISO/IEC 16262 fh wpwjd - 1999년 12월 제3판 개정 ** DOM - http://www.w3.org/DOM/ - 'Document Object Model'의 약자 - 플랫폼과 언어에 의존하지 않고 문서 콘텐츠와 구조, 스타일을 동적으로 변화시키기 이한 스크립..

* 구조언어와 표현언어 - 문서구조와 시각표현(프론트엔드) -- 구조언어 : HTML, XHTML, XML -- 표현언어 : CSS1, CSS2 - 액세스빌리티 WCAG 1.0 - 동작/조작언어 : ECMAScript DOM - 수식 : MathML - 그래픽스 : SVG - 멀티미디어 : SMIL - 시멘틱Web -- 메타데이터 : RDF/RDFS OWL * HTML과 XHTML의 문서형 관계 * HTML 4.0 - http://www.w3.org/TR/html4 - CERN의 연구자였던 팀 버너스리 경이 1989년 개바에 착수하여 1991년에 발표 - W3C 권고로서 1999년 12월에 공표한 HTML4.01 이 최신판 - Strict, Transitional, Frameset DTD 3가지 문서형 ..

* 웹 표준의 장점 ** 수정과 관리의 용이 - (X)HTML로 컨텐츠를 올바르게 고조화하고 CSS로 시각표현을 통일하여 제어하면 페이지 제작 부담이 크게 줄어든다. ** 웹 접근성 향상 - 올바른 (X)HTML과 CSS로 다양한 브라우징 환경에 대응하는 접근 가능한 웹페이지를 말들 수 있다. 중요하게 생각할 것은 장애자와 노인을 배려한 웹페이지는 결과적으로 모든 사람에게 높은 접근성을 제공하는 페이지가 된다. ** SEO(검색엔진 최적화) 대책 - 검색엔진의 크롤러(Crawler)는 (X)HTML소스를 거의 액면 그대로 해것하기 때문에 적절하게 구조화되고 깨끗하게 정리된 소스는 검색로봇이 잘 검색할 수 있다. - 부족한 SEO는 비지니스 기회를 잃고 기회 손실을 가져오기 때문에 상당히 중요한 부분이다...

* 데이터 입력의 액세스빌리티 ** 데이터 입력 폼과 가이드라인 - 온라인으로 데이트를 입력받는 폼을 디자인할 때, 특수 브라우즈를 사용하는 사람들도 관련 정보, 입력 필드, 입력과 제출에 필요한 기능에 액세스할 수 있도록 해야 한다.(508조) - 폼. 특수 브라우저에서도 폼을 이용할 수 있더록 하라. - 특수 브라우저 등이 레이블과 폼 컨트롤의 연관 관계를 외적으로 표현할 수 있을 때까지, 내적관계를 규정한 레이블 등을 포함한 폼 컨트롤을 이용하여 모든 폼에 대한 레이블의 위치를 명확하게 지정해야 한다.(WAI 레벨2) - 레이블과 그 컨트롤의 상관 관계를 명시하라.(WAI 레벨2) - 스크린 리더 등의 특수 브라우저에 컨트롤이 빠진 위치를 자동 체그하는 기능이 포함될 때까지, 입력 필드(edit b..

* 네비게이션의 액세스빌리티 - 문서에 두문자나 약자가 처음 나왔을 때는 정식 명칭을 밝힌다.(WCAG 레벨3) -- http://blog.wystan.net/2007/04/14/abbr-vs-acronym-tag ** 스킵 네이게이션 링크에 관한 가이드라인 - 이용자가 반복적인 네비게이션 링크를 건너뛸 수 잇는 방법을 제공하라.(508조) - 메인 컨텐츠로 바로 가기. 네비게이션 링크를 건너뛰고 바로 페이지의 메인 컨텐츠로 이동할 수 잇는 방법을 제공하라(IBM) - 네비게이션 바를 반전 표시하고, 네비게이션에 접근할 수 잇는 루트를 마련하라.(WCAG 레벨3) - 서로 관련된 링크는 그룹핑하고, 특수 브라우저에서 그 그룹을 인식할 수 있도록 식별코드를 부여하라. 특수 브라우저에 이에 대한 지원 기능이..

* 액세스 가능한 컨텐츠 제작 - 이미지를 대신할 텍스트 - 오디오를 대신할 텍스트 - 색상으로 표현된 정보 - 명암 - 액세스 가능한 테이블 - 플래시 기능배제 ** 비텍스트 - 이미지는 alt, longdesc 로 설명을 추가하라 - 이미지에 링크가 연결되어 있을 때에는 alt 속성을 통해 링크로 연결되는 대상의 정보를 전달한다. - 불릿 등의 특별할 의미가 없는 이미지에는 alt=""를 이용하여 어떤 정보도 전달하지 않도록 한다. ""사이에 공란이 있어서도 안 된다. - 인접한 링크들이 서로 중복되지 않도록 하라. 이미지와 그 주위의 텍스트가 동일한 href 속성을 가진 링크를 가지고 있다면, 하나의 태그로 통합하고 이미지에 alt="" 속성을 넣어라. 단, 메뉴 버튼 이미지의 alt 속성에 nul..

* 액세서빌리티 관련법 및 가이드라인에 대한 이해(미국) - 1980년대 장애인에 관한 '전세계적 실행 프로그램(World Programme of Action, 이하 WPA)'의 기초마련 - 1982년 12월 UN 총회 공식적으로 체택 - http://www.un.org/esa/socdev/enable/disun.html '장애인 지위향상을 위한 UN 선언문' - 1993년 12월 총회에서 장애인의 균등 기회 보장을 위한 조항 제5조에서 "액세서빌리티" 개념 명시하고, 물리적 환경의 액세서빌리티와 더불어 정보와 커뮤니테이션에서의 액세서빌리티를 측정 -- http://www.un.org/esa/socdev/enable/dissre04.htm ** 액세서빌리티 보장에 실패한 디자인에 대한 불만 - 법적 기준..

* 유저빌리티와 액세서빌리티의 구분 - 유저빌리티로 인해 발생하는 문제들은 개인의 능력과 상관없이 모든 이용자들에게 동일한 영향을 끼친다. 즉, 장애인이라고 해서 일반인보다 유저빌리티 이슈에 관한 불이익이 더 큰 것은 아니다. - 액세서빌리티로 인해 발생하는 문제는 장애인의 웹 사이트 이용을 어렵게 한다. 일반인들과 달리 장애인들이 불이익을 당하게 되는 경우, 바로 액세서빌리티 이슈가 대두된다. * 액세스 프로세스 - 이용자 중심의 디자인(User-Centered Design, UCD) - 웹 컨텐츠 액세서빌리티에 관한 가이드라인(Web Content Accessibiliry Guidelines, 아하 WCAG) -- 보고, 듣고 움질일 수 없는 이용자들고 있고, 일부 유형의 정보는 쉽게 처리할 수 없거..