본문 바로가기

프로그램 이론/HTML

[HTML]웹 접근성과 웹 표준

1. 웹 접근성이란?

  - 모든 사용자가 신체적, 환경적 조건에 관계없이 웹에 접근하여 이용할 수 있도록 보장하는 것

  


2. 웹 접근성 준수 시 기대 효과

  - 장애인, 고령자 등을 포함한 사용자층 확대

  - 규정과 법적 요구 사항에 대한 준수

  - 다양한 환경, 새로운 기기에서의 이용

  - 개발 및 운영의 효율성 제고

  - 사회 공헌 및 복지 기업으로서의 기업 이미지 향상


3. 웹 콘텐츠 접근성 지침(WCAG)


 1) 인지성

   - 정보와 사용자 인터페이스 요소는 그들이 인지할 수 있도록 사용자에게 표시될 수 있어야 한다.

    1-1. 모든 텍스트가 아닌 콘텐츠에 대체 텍스트를 사람들이 원하는 인쇄, 점자, 음성 기호 또는 간단 언어등과

          같은 형태로 제공해야 한다.

    1-2. 시간에 기본 한 디어에 대한 대안을 제공해야 한다.

    1-3. 정보와 구조의 손실 없이 콘텐츠를 다른 방식들로 표현될 수 있어야 한다.

    1-4. 사용자들이 보다 쉽게 보고 들을 수 있는 전경에서 배경을 분리한 콘텐츠를 만들어야 한다.


 2) 운용성

   - 사용자 인터페이스 요소와 탐색은 운용 가능해야 한다.

    2-1. 키보드로 모든 기능을 사용할 수 있도록 해야 한다.

    2-2. 읽기 및 콘텐츠를 사용하는 사용자에게 충분한 시간을 제공해야 한다.

    2-3. 알려진 방법으로 발작을 일으킬 수 있는 콘텐츠를 디자인하지 않아야 한다.

    2-4. 사용자가 탐색하고, 콘텐츠를 찾고 그들이 어디에 위치해 있는지를 알 수 있도록 도와주는 방법을

          제공해야 한다.


 3) 이해성

   - 정보와 사용자 인터페이스 운용은 이해할 수 있어야 한다.

    3-1. 텍스트 콘텐츠를 판독하고 이해할 수 있도록 만들어야 한다.

    3-2. 웹 페이지의 탑재와 운용을 예측 가능한 방법으로 제작해야 한다.

    3-3. 사용자의 실수를 방지하고 수정할 수 있도록 도와야 한다.


 4) 이해성

   - 콘텐츠는 보조 기술을 포함한 넓고 다양한 사용자 에이전트에 의존되어 해석될 수 있도록 충분히 내구성을

     가져야 한다.

   - 보조 기술을 포함한 현재 및 미래의 사용자 에이전트의 호환성을 극대화해야 한다.


4. 장애인 차별 금지 및 권리 구제 등에 관한 법률의 이해


5. 웹 표준이란?

  - 방법론 : 웹에서 표준적으로 사용되는 기술의 총칭


6. 웹 표준 관련 기구

  - W3C(World Wide Web Consortium) : 국제적인 웹 기술 표준 기구를 말하며 정보, 의견 교환, 아이디어 창출

                                                     독립적 사고, 그리고 공동의 이해를 위하여 명세, 가이드 라인,

                                                     소프트웨어, 그리고 도구 및 규칙 등의 표준안을 제정함으로써

                                                     웹의 모든 잠재력을 이끌어 내는 것을 목표로 함


7. 웹 표준이 확정되는 순서


8. 웹 표준 관련 기술의 소개


9. 구조언어(HTML)

  - HTML은 'HyperText Markup Language'의 약자로 웹 문서의 구조를 정의할 때 사용합니다.

    제목, 본문, 목록, 링크, 이미지 등의 다양한 컨텐츠를 의미있게 마크업 할 수 있습니다.


10. 구조언어(XML)

  - XML(eXtensible Markeup Language)은 1996년 W3C(World Wide Web Consortium)에서 제안한 것으로,

    웹에서 구조화 된 문서를 전송할 수 있도록 설계된 표준화된 텍스트 형식입니다.

  - XML은 인터넷에서 기존에 사용하던 HTML의 한계를 극복하고 SGML의 복잡함을 해결하는 방안으로 HTML에

    담겨져 있는 형식적 요소를 완전히 배제하는 방식입니다.


11. 구조언어(XHTML)

  - W3C에서는 XHTML을 XML 용용으로서의 HTML4를 다시 공식화 한 것이라고 정의하고 있다.

  - W3C는 좀 더 원활하게 기계적으로 처리하도록 XML의 형식을 빌어 HTML 4.01를 재정의하게 되는 것


12. 구조언어(HTML5)

  - HTML5는 HTML의 다음 버전으로 HTML 4를 업그레이드한 것입니다.

  - HTML5는 특정 플러그인에 의존하지 않고 콘텐츠를 제공하는 것이 목표입니다.

  - 그러나 많은 기업들이 HTML5의 표준화에 힘을 보태고 있고,

    Firefox, Opera, Safari, chrome 등 최신의 웹 브라우저에서 기본적으로 HTML5를 지원하고 있으며,

    MS 또한 앞으로 인터넷 익스플로러에서 HTML5를 지원하겠다고 발표한 상태이다.


13. 표현언어(CSS)

  - CSS(Cascading Style Sheet)는 HTML 3.2부터 지원하기 시작한 것으로,

    웹 디자이너와 사용자들의 필요에 의해 특별히 개발되었습니다.

  - CSS에서는 폰트, 색상, 공백, 공간과 그 밖의 문서 표현 측면을 자유롭게 지정할 수 있는 기능을 제공합니다.

  - 기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는 데 많은 제약이 있었기 때문에

    이것을 보완하기 위해 CSS를 만든 것입니다.


14. 동작 및 제어 언어(DOM & ECMA Script)

  - 웹 페이지의 요소를 객체화해서 동작을 제어하기 위해 사용하는 

    웹 표준 기술에는 DOM과 ECMA Script가 있다.

  - DOM(Document Object Model)은 웹 페이지의 구성 체계를 말하는데, 이것은 HTML을 작성하면서

    생성되는 논리적 규칙입니다.

  - 다시 말해서 별도로 저작자가 구성하는 것은 아닙니다.

  - 웹 브라우저는 이 논리적 구성 체계인 DOM을 해석하여 페이지를 표시하거나 ECMA Script 등의 기술을

    통하여 DOM의 구조를 변경할 수 있습니다.


15. 웹 표준의 장점

  - 웹 접근성 수준의 향상

  - 검색 친화적인 웹 사이트 구현

  - 구조와 표현의 분리

  - 손쉬운 유지 보수 및 비용 절감 효과

  - 호환성 확보


16. 웹 브라우저와 웹 표준

  - 웹 브라우저(web browser)란, 사용자가 웹 서버의 하이퍼텍스트 문서를 볼 수 있도록 해 주는

    클라이언트 프로그램을 말합니다.

  - 웹에서 제공하는 다양한 정보로 접근하기 위해서는 이러한 클라이언트 프로그램인 웹 브라우저를

    이용해야하며 웹 브라우저에서는 웹 서핑에 필요한 다양한 기능을 제공합니다.

  - 최초의 멀티미디어 웹 브라우저로는 모자익(Mosaic)이 있으며, 현재에는 웹 브라우저의 기능만큼이나

    다양한 종류의 웹 브라우저가 있습니다.


17. 웹 브라우저의 종류