'홈페이지'에 해당되는 글 9건

  1. 2009.03.04 KADO-WAH 2.0 (웹 접근성 평가도구)
  2. 2009.03.04 RFI -> RFP -> Proposal/요약본 -> 제안설명회자료
  3. 2008.12.16 createElement, appendChild, removeChild 를 이용한 엘리먼트 추가/삭제
2009. 3. 4. 13:31

KADO-WAH 2.0 (웹 접근성 평가도구)

KADO-WAH란?

  • 웹 페이지의 접근성(Accessibility) 제공 여부를 국내외 웹 접근성 지침에 따라 자동으로 점검한 후에 그 문제점을 보고서로 제공하고 수정을 지원하여 웹 디자이너 및 프로그래머들이 쉽게 접근성이 있는 웹 페이지를 제작할 수 있도록 도와주는 프로그램입니다.

 

웹 접근성(Web Accessibility)이란?

  • 어떠한 사용자(장애인, 노인 등), 어떤 기술 환경에서도 전문적인 능력 없이도 웹사이트에서 제공하는 모든 정보에 접근하고 이용할 수 있도록 보장하는 것을 말합니다.

 

개발 기관

  • 한국정보문화진흥원(Korea Agency for digital Opportunity & Promotion)

    「정보격차해소에관한법률 제16조」에 근거하여 설립된 정보격차 해소 전담 특별 법인입니다.

 

평가 지침

  • 한국 웹 접근성 지침 (Korean Web Content Accessibility Guidelines 1.0)

  • 미국 재활법 508조의 지침

  • W3C의 Web Content Accessibility Guidelines 1.0

 

특징

  • 한국형 웹 접근성 지침(KWCAG 1.0)을 기준으로 접근성 평가 기능

  • 다수 페이지를 평가

  • 접근성 미비 부분에 대한 수정기능 제공

  • 평가 보고서를 제공 (접근성이 미비 위치 및 통계자료 포함)

 

기대효과

  • 국내 웹 접근성 저변 확대를 통해 모든 이가 제약 없이 쉽게 인터넷 정보에 접근

  • 장애인 및 노인 등 정보취약계층이 일반인과 동등하게 웹 사이트에 접근하여 모든 이가 정보화의 혜택을 함께 누릴 수 있는 기반환경 조성

다운로드

출처
 
Web Content Accessibility Guidelines (WCAG) 2.0

웹표준/웹접근성 점검 리스트

 

 

검사 도구

------------------------------------------------------------------------------------------

1)W3C html Validator: Xhtml 1.0 Transitional 표준 문법 준수 판단(http://validator.w3.org)

2)W3C CSS Validator: CSS2.1표준 문법 준수 판단(http://jigsaw.w3.org/css-validator)

3)Kado-Wah:웹접근성 자동 검증툴(http://www.iabf.or.kr/Lab/Kadowah/Kadowah.asp)

4)AIS: IE에서 작동하는 웹접근성 툴바(http://www.visionaustralia.org.au/ais/toolbar/)

5)Firefox Webdeveloper Toolbar: 파이어폭스 웹접근성 툴바(https://addons.mozilla.org/ko/firefox/addon/60)

 

 

 

 

 

번호

구분

점검 리스트

점검 방법

비고

1

웹표준

구조(xhtml),표현(CSS),동작(DOM/Script)의 분리

정성검사/html Validator

 

2

 

Xhtml 1.0 Transitional 표준 문법 준수

html Validator

 

3

 

CSS 표준 문법 준수

CSS Validator

 

4

 

브라우저 호환성

(IE6/7/8,사파리3.0,파이어폭스2.0~,오페라9)

정성검사

 

5

 

운영체제 호환성

(윈도우2000/XP/Vista,맥OSX10.4/10.5,리눅스Kernel2.6/glib2.4이상)

정성검사

 

6

웹접근성

대체텍스트 제공

AIS:images->Toggle image/alt

 

7

 

적절한 대체 텍스트 제공

정성검사

 

8

 

동영상에 동기화된 자막/원고 등을 제공

정성검사

 

9

 

색상 이외에 명암,패턴 등으로 콘텐츠 구분 가능

AIS:Color->Grayscale

http://jigsaw.w3.org/css-validator

10

 

전경색과 배경색 충분한 대비

(상단메뉴,본문콘텐츠,하단 카피라이트 정보 중심)

AIS:Colour->contrast Analyser

 

11

 

충분한 텍스트 크기(12픽셀) 및 텍스트 축소/확대 가능

정성검사

 

12

 

프레임 사용 제한(4개 이하)

AIS:Structure->Frame Name/Title

 

13

 

각 프레임에 타이틀 속성 제공

 

 

14

 

깜빡거리는 객체 사용 제한

AIS:Images->Gif Flicker test

 

15

 

동영상 자동 재생 금지 및 제어기능 사용자 선택

정성검사

 

16

 

키보드로만 운용가능 및 이동 순서 논리적

AIS:CSS->Disable CSS

AIS:Structure->Show Tab Order

정성검사(탭키/스크린리더)

17

 

목록상자에서 항목선택후 버튼 클릭해야 기능 작동

정성검사

 

18

 

키보드만으로 하위 메뉴 이용 가능

정성검사(탭키/스크린리더)

 

19

 

적절한 스킵 네비게이션 제공

AIS:CSS->Disable CSS

 

20

 

이용에 시간 제한 있는 경우 경고 및 시간 조절 기능 제공

정성검사

 

21

 

불필요한 팝업창 사용 지양(title 속성 제공으로 새창임을 알림)

정성검사

AIS:Structure->JavaScript / New Window Links

22

 

데이터 테이블은  summary 와 caption 제공

AIS: Structure->Simple Data Table (Complex Data Table)

23

 

데이터 테이블을 의미적으로 이해할 수 있도록 적절한 태그 사용

AIS: Structure->Show Table Headers

 

24

 

페이지의 논리적 구성/선형화

AIS:CSS->Disable CSS

AIS:Structure->Show Tab Order

정성검사(탭키/스크린리더)

25

 

링크의 목표 위치 명확화

정성검사

 

26

 

온라인 서식 구성시 각 서식 제어 요소를 설명하는 레이블 사용

AIS: Structure->Fieldset/Labels

 

27

 

키보드 만으로 온라인 서식 입력 및 서식간 이동 가능(서식간 이동 순서 논리적)

정성검사(탭키/스크린리더)

 

28

 

부가 어플리케이션의 자체적 접근성 확보(플래시 등)

정성검사

 

29

 

부가 어플리케이션이 작동하지 않는 경우에도 대체 콘텐츠 제공

정성검사

Firefox Webdeveloper Toolbar->Disadle->Disable JavaScript->All JavaScript

30

 

어플리케이션의 링크나 어플리케이션을 다운 받을 수 있는 페이지 링크 제공

정성검사

 


Trackback 1 Comment 0
2009. 3. 4. 11:50

RFI -> RFP -> Proposal/요약본 -> 제안설명회자료

Standards, RFI, RFP, RFC, RFQ, ISO, IEC


Standards
(표준, 標準):

①공적으로 정해진 측정 단위의 기준. 미터, 킬로그램, 초(second), 암페어, 칸델라(candela), 켈빈(kelvin) 등의 기준이 있다.

②물질, 제품, 기기, 시스템, 서비스 등의 특성, 구성 요소, 성능, 동작, 절차, 방법, 양과 질의 계량 또는 안전성 등에 관한 기술적 사항을 규정한 규격서. 정보 처리와 통신에서는 물리적·전기적·논리적 호환성과 상호 연동성을 확보하기 위한 하드웨어 기기, 시스템, 소프트웨어 등의 표준의 개발과 작성이 특히 필요하다. 표준은 그 성격에 따라 정부 규제 기관에 의해 제정되며 법적 강제력을 갖는 규제적 표준과 강제력을 갖지 않는 권고 차원의 임의 표준으로 분류된다. 또, 그 수준에 따라 국제 표준, 지역적 표준, 국내 표준 또는 개발 주체에 따라서 사실 표준, 업계 표준, 단체 표준, 사내(社內) 표준 등으로 분류되기도 한다.

 

RFI (Request For Information, 자료의뢰서, 資料依賴書):

하드웨어 및 소프트웨어를 취득할 때, 이들의 제공에 관심이 있는 적절한 제조업체를 구분하기 위해 작성되는 서류.

 

RFP (Request For Proposal, 제안의뢰서, 提案依賴書):

하드웨어 및 소프트웨어를 취득할 때, 제조사에 제안서의 제출을 의뢰하기 위해 작성하는 서류, 또는 그 의뢰를 하는 것.

 

RFC (Request for Comments):

미국의 인터넷 아키텍처 위원회(IAB)가 인터넷에 관한 조사, 제안, 기술, 소견 등을 공표한 온라인 공개 문서 시리즈. 네트워크 프로토콜 또는 서비스를 구현할 때 필요한 절차와 형식 등 인터넷에 관한 정보를 알리기 위한 주요한 수단으로 사용되고 있다. 모든 RFC가 인터넷의 표준은 아니고 일부만 IAB에서 표준으로 결정한다. 각각의 RFC 문서에는 일련번호가 부여되며, 한 번 부여된 번호는 중복하여 사용되지 않는다.

 

RFQ (Request for Quotations/Quotes, 가격요청서, 견적서):

일반 구매자들이 컴퓨터의 하드웨어나 소프트웨어를 구매할 목적으로 이들 제품의 공급자에게 제품의 가격과 사양에 대한 정보를 알려달라고 요청하는 편지 및 문서를 지칭한다. 주로 온라인 Biding시 제품의 상세 사양을 올린 후, 각 공급사에게 사양에 맞는 제품을 공급할 가격을 제시해달라고 요청하는 전자 문서를 지칭한다.

 

ISO (International Organization for Standardization, 국제표준화기구, 國際標準化機構):
전기·전자를 제외한 모든 분야의 국제 표준화를 추진하는 기구. 1926년에 각국의 주요 표준화 단체에 의해 결성된 ISA(International Federation of National Standardizations)의 업무를 계승하여 1947년에 설립되었다. 비조약 기구로 정부의 연합체는 아니지만, 각국을 대표하는 1개의 표준화 기관만이 의결권을 갖는 회원이고 기타 기관은 옵서버로 가맹하고 있다. 회원의 70% 이상이 정부 기관 또는 법률에 의해 설치된 표준화 기관이다. 국제적으로 통일된 표준을 제정함으로써, 상품과 서비스의 교역을 촉진하고 과학·기술·경제 전반의 국제 협력 증진을 목적으로 한다. 창설 이래 7,000건 이상의 광범위한 분야의 국제 표준을 제정, 공표했다. 1960년에는 TC 97(컴퓨터 및 정보 처리 기술 위원회)을 설치하여 데이터 통신과 정보 처리 분야의 국제 표준화를 추진해 왔는데, 가장 대표적인 업적은 개방형 시스템 간 상호 접속(OSI) 모델의 표준이다. 국제표준화기구(ISO)는 국제전기통신연합(ITU)과 긴밀한 연락 관계를 유지하면서 전기 통신 표준화에도 참여하고 있다. 1987년에는 ISO의 TC 97과 국제전기표준회의(IEC)의 TC 83(정보 기기)의 활동 분야가 중복되는 점을 고려하여, 이들 두 전문 위원회를 합병한 ISO/IEC JTC 1을 설치하여 정보 기술의 국제 표준화를 합동 관리하고 있다. ISO에는 JTC 1 이외에도 TC 46(정보 및 문서화), TC 68(은행 업무), TC 130(그래픽 기술), TC 184(공장 자동화 시스템) 등 정보 처리 관련 전문 위원회가 있다. ISO는 전문 위원회(TC)에서 작성한 국제 표준 원안을 ISO 회원 75% 이상의 찬성 투표로써 국제 표준(IS)으로 확정한다. 이렇게 제정된 국제 표준은 ISO 646(정보 교환용 부호), ISO 8802(LAN) 등과 같이 표기되어 공표된다.

 

IEC (International Electrotechnical Commission, 국제전기표준회의, 國際電氣標準會議):
전기 관계의 국제 표준화를 목적으로 설립된 국제 단체. 각국을 대표하는 표준화 기관으로 구성되어 있다. 1904년 미국 세인트루이스에서 개최된 국제 전기 회의에서 전기 기기에 관한 용어와 규격의 표준화 필요성이 제창되어, 1908년 영국 런던의 회의에서 13개국이 참가하여 국제 전기 표준 회의(IEC)를 발족시켰다. IEC도 국제표준화기구(ISO)와 마찬가지로 의결권을 갖는 회원은 1국가 1단체 또는 기관으로 국한되어 있다. 전문 분야별로 기술 위원회(TC), 분과 위원회(SC), 또는 작업 그룹(WG)을 설치하고 IEC 국제 표준(IEC Publication)을 작성, 발표하여 각국에서 국가 표준을 정할 때 통일된 표준을 준거하도록 권고하고 있다. IEC 국제 표준은 약 3,000건에 달한다. 1961년에는 TC 83(정보 기기) 등을 설치하여 정보 기술 분야의 표준화를 추진해 왔는데, ISO와 TC 97(컴퓨터와 정보 처리)의 활동 분야와 중복되는 점을 감안하여 ISO와 합의하여 두 TC를 합병한 ISO/IEC JTC 1을 설치했다. 그래서 IEC는 ISO와 합동으로 정보 기술 분야의 표준화를 추진하고 있다.



* 펌글(출처미상) : 컨설팅이나 입찰제안을 받기위해서는 발주업체에서 제안에 관한 자세한 사항이 담긴 RFP(REQUEST FOR Proposal)를 받습니다.

RFI(REQUEST FOR INFORMATION)는 컨설팅을 발주하기전에 기업에서 컨설팅업체에게 어떤 컨설팅을 받으면 좋을지에 관해서 "사전문의"를 하거나 "RFP"작성 대행을 받는것을 말합니다.

특히 이러한 RFI는 업체들에게 발주하는 RFP를 작성하기 위한 작업에 많이 활용되고있습니다.

기업이 발주 및 컨설팅을 통해서 얻고자 하는 목적 , 방향 , 전략도출방법 여기에 따른 작업프로세스 , 제안업체의 관리등들이 이러한 RFI를 통해서 구성됩니다.

 

* 펌글을 기준으로 그림으로 표현해보았습니다. 이상한가?

 

* 추가정보 : 실제로 제안서작성시 요약본도 함께 작성하고요, 제안서와 요약본 제출후에 또 자료를 만듭니다. 제안설명회 자료인데요, 제출한 제안서와 요약본을 토대로 발주업체에게 프리젠테이션(Presentation)하기위한 자료지요. 이 자료는 매우 함축적이면서도 발주업체가 이해하기 쉽도록 변형이 되며 특히 프리젠테이션용으로 디자인을 바꾸어줍니다. 또한 빔프로젝트(Beam Project)를 고려해서 색상을 최적화하는 작업도 중요한 요소입니다.

 

* 의견 : 실제로 IT서비스업체에서 RFP작업에 깊숙히(?) 개입해서 자사에 유리한 방향으로 RFP가 작성될 수 있도록 영업행위(?) 또는 로비(lobby)를 하고 있는 현실이 큰 문제임.

드믄 경우지만 심하게는 RFP자체도 IT서비스업체가 초안을 작성해주는 경우도 있음.

그와 관련하여 제안서 평가항목자체가 특정 IT서비스 업체가 수주할 수 밖에 없는 상황을 만들어냄. 제안서 잘 쓰고도 떨어지는 경우 많았음.

영업이라는 논리에 엔지니어의 자존심 마구 구겨짐.(^^)

 

뒷거래 없이 진정한 기술로 승부할 수 있는 날이 올까???


Trackback 0 Comment 0
2008. 12. 16. 16:28

createElement, appendChild, removeChild 를 이용한 엘리먼트 추가/삭제

<script type="text/javascript">
function add()
{
   var oText = document.createElement("input");
   oText.setAttribute("type", "text");
   oText.setAttribute("id", "txt");
   document.myform.appendChild(oText);
}
function del()
{
   var oText = document.getElementById("txt");
   oText.parentNode.removeChild(oText);
}
</script>


Trackback 0 Comment 0