WEB/웹접근성 2013. 8. 9.
웹 접근성 품질 마크를 따려면 어떻게 해야 하나요?
저번 포스팅에서서는 웹 접근성에 대한 소개를 했었는데요. 이번에는 한국형 웹 접근성 지침에 대한 내용과 웹 접근성 인증기간등 실질적인 내용에 대해서 포스팅해 보겠습니다. 현재 한국형 웹 접근성 지침은 2.0(KWCAG 2.0)이 최신버전입니다. KWCAG 2.0은 최신 웹 기술과 해외 웹 관련 표준 등을 기반으로 개정하여 4가지 원칙과 각 원칙을 준수하기 위한 13개 지침, 22개의 검사 항목으로 구성되어 있습니다. 웹 접근성 인증기관도 이 KWCAG 2.0을 기준으로 심사를 하게 됩니다. 한국형 웹 접근성 지침 (KWCAG 2.0) 인식의 용이성 대체 텍스트적절한 대체 텍스트 제공멀티미디어 대체수단자막제공명료성색에 무관한 콘텐츠 인식명확한 지시사항 제공텍스트 콘텐츠의 명도대비배경음 사용 금지 운용의 용..
WEB/웹접근성 2013. 8. 9.
웹접근성을 지키지 않으면 어떻게 되나요?
웹접근성에 대한 이야기를 한번 해보려고 합니다. 사실 웹접근성에 대해서 법적인 문제로 이야기가 나온것은 5년전인 2008.04.11의 일입니다. 하지만 모든 기업이 부랴부랴 준비하기 시작한 시점은 올해인 2013년 4월 11일 입니다. 왜냐하면 웹접근성 적용 대상 홈페이지가 매년 증가하다가 2013년에 모든 법인에 대해서 적용을 해야했기 때문입니다. 벌써 8월달이니 이제 맨붕상태를 지나 어느정도 안정기에 접어든것 같습니다. 2008.04.11 방송법에 따라 방송물을 송출하는 방송 사업자 등 2009.04.11 공공기관, 특수학교, 특수반 설치 국 공립 유치원, 특수학급 설치 국 공립학교, 장애아 전담 보육시설, 종합병원, 복지시설, 근로자 300인 이상 사업장 (고용관계) 2010.04.11 국 공립 문..
WEB/웹접근성 2013. 8. 7.
반응형 웹 테스트 서비스 TROY를 아세요?
‘반응형 웹’(Responsive Web)을 아시나요? 홈페이지를 만들어야 하는 기업이나 사람들에게 HTML5이 화두가 되면서 덩달아 반응형 웹도 많은 사람들이 관심을 가지고 있습니다. 예전에는 800 X 600, 1024 X 768.. 등등.. 정해진 화면 사이즈를 기준으로 홈페이지를 만들었었는데요. 근래는 모니터뿐만아니라 태블릿, 스마트폰, TV등 다양한 디바이스의 출시로 인해 화면사이즈나 비율이 너무나 다양해져 버려서 기준사이즈를 맞추기가 너무 힘들어진것이 사실입니다. 그렇다고 그 모든 디바이스에 맞추어서 별도의 홈페이지를 만들자니 너무 비효율적이고.. 그런 문제를 해결해줄 수 있는것이 바로 반응형 웹’(Responsive Web) 기술입니다. 디바이스의 해상도에 따라 CSS에 미리 정해진 방식대로..
WEB/웹접근성 2013. 7. 18.
웹접근성 검증을 위한 도구
웹접근성에 대해 아시나요? 요즘 국내 업체들은 웹접근성 준수로 인해 한바탕 난리를 치뤘을 텐데요. 2013년 4월11일부터 장차법(장애인차별금지법)에 따라 웹 접근성 준수가 국내 모든 법인 웹사이트에 의무적으로 해당이 되었기 때문입니다. 이젠 누군가가 웹사이트의 웹접근성이 지켜지지 않아 손해를 봤다고 고소를 하게되면 벌금을 물어줘야 할 판입니다. 장애인 단체에서도 이때를 기점으로 아마 웹접근성을 준수하지 않은 사이트들을 찾아다니며 고소를 할 소지도 농후합니다. 웹 접근성(web accessibility)은 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹사이트를 이용할 수 있게 하는 방식을 가리킨다. 사이트가 올바르게 설계되어 개발되고 편집되어 있을 때 모든 사용자들은 정보와 기능에 동등하게 접근할..
WEB/Notepad++ 2013. 6. 3.
Notepad++에서 Snippet 코드를 사용할 수 있다 "Finger Text"
▒ Notepad++에서도 "Finger Text"라는 플러그인을 사용하면 Snippet코드를 사용할 수 있습니다. 먼저 Snippet가 뭔지를 알아야 겠지요? Snippet는 Keyword tab trigger에 의해 해당 코드를 호출하는 것을 말합니다. 약속된 몇개의 키워드를 쓰고 적용키를 누르면 미리 예정되어 있던 전체 코딩이 입력되는 것이죠. 1번과 같이 SnippetDock를 선택하면 NPP의 우측에 2번과 같은 Dock이 나타납니다. 그러면 현재 열려있는 문서의 종류에 따라 Snippet의 단축키를 보여줍니다. 위의 그림은 html에 대한 Snippet이군요. 그러면 해당 단축키(예 : a)를 입력하고 "Tab"키를 누르면 "$[![{text}]!]"내용이 자동으로 입력이 됩니다. 해당 Sni..
WEB/이클립스 2013. 3. 28.
PHP를 사용하기 위한 이클립스 설치 - 6 (RSE 설치)
▒ Remote System Explorer(RSE) 설치 [RSE는 이클립스에서 서버에 있는 소스를 직접 선택하여 수정할 수 있도록 해주는 플러그인입니다.]help->install and new software.. 를 선택.Add site 창의 Name 에는 "TM&RSE"Location 에는 http://download.eclipse.org/dsdp/tm/updates/3.1 를 입력 후 OKwork with 에서 " TM&RSE" 선택 후 Next항목중 최신버전을 선택 하고 하위항목을 모두 선택후 Next현재는 "TM and RSE 3.1.2"가 최신 버전임설치 후 이클립스 재시작 RSE Perspective 화면보기window->Open Perspective -> Other..를 선택.Remote..
WEB/이클립스 2013. 3. 28.
PHP를 사용하기 위한 이클립스 설치 - 5 (ANT 설치)
▒ ANT는 배포관리 툴로 PHP에서는 사실상 파일복사나 FTP용도로 주로 사용된다 build.xml로 미리 세팅을 해놓고 세팅이 된 상태로 쉽게 배포를 할 수 있다. 1. ANT를 설치 Ant는 이클립스(java EE)에 기본으로 포함되나 PHP에는 빠져있다. 그래서 ant를 설치하기 위해서는 Java EE를 설치해야 한다help->install and new software.. 를 선택.work with 에서 "Indigo - http://download.eclipse.org/releases/indigo" 또는 "--All Available Sites--" 을 선택"Web, XML, Java EE and OSGi Enterprise Development"항목안의 "Eclipse Java EE Deve..
WEB/이클립스 2013. 3. 28.
PHP를 사용하기 위한 이클립스 설치 - 3 (DBMS 설치)
▒ 이클립스에서 DBMS를 바로 컨트롤 할 수 있는 플러그인이 있다Quantum DB 플러그인은 파워풀하게 컨트롤을 할 수는 없지만 PHP개발을 위한 간단한 DB명령어를 실행시킬 수 있어 좀더 편리하게 DB를 다룰 수 있다Quantum DB를 설치하기 위해 기본으로 설치해야할 플러그인이 있다. 나는 주로 MySQL을 사용할 것이므로 해당 DBMS설치하는 것을 기준으로 작성하였다 1. JDBC드라이버 준비 [먼저 아래의 경로에서 DBMS에 맞는 JDBC드라이버를 컴퓨터에 설치해야한다]MySQL : http://www.mysql.com/downloads/connector/j/CUBRID : http://sourceforge.net/projects/cubrid/files/(기타 MS-SQL, 오라클 등은 알아..
WEB/이클립스 2013. 3. 28.
PHP를 사용하기 위한 이클립스 설치 - 2 (Zend Debugger 설치)
▒ PHP를 디버깅 하기 위해서는 아래와 같이 Zend 디버거를 설치해야 합니다.설치방법은 아래와 같습니다. Zend Debugger 설치. [Zend Debugger는 이클립스에서 PHP에 대해서 디버깅을 할 수 있게 해주는 플러그인 이다.]help->install and new software.. 를 선택.Add site 창의 Name 에는 Zend DebuggerLocation 에는 http://downloads.zend.com/pdt를 입력 후 OKwork with 에서 "Zend Debugger" 선택 후 Next모두 선택하고 Next라이선스 동의 하고 설치이클립스 재시작 Zend Debugger 설치 확인help → About Eclipse 선택Installation Details 버튼 클릭P..
WEB/이클립스 2013. 3. 27.
PHP를 사용하기 위한 이클립스 설치 - 1 (PDT설치)
이클립스로 PHP코딩을 하기 위해서 기본적으로 설치해야 하는 플러그인과 세팅방법에 대해 여러차로 나누어 작성하도록 하겠습니다. 컴퓨터에 JDK를 설치한다.이클립스가 java기반으로 운용되기 때문에 먼저 JDK가 설치되어 있어야 한다.→ http://www.oracle.com/technetwork/java/javase/downloads/index.html 이클립스를 다운받아서 설치 한다.http://www.eclipse.org/downloads/ 에서 Eclipse Classic 를 다운 받는다 이클립스를 실행하고 PHP Development Tools(PDT)를 설치한다. [PDT는 이클립스에서 PHP코딩을 할 수 있게 해주는 플러그인 입니다.]help->install and new software.. ..
WEB/워드프레스 2013. 3. 27.
워드프레스에 의도하지 않은 " 표시를 제거하는 방법
▒ 워드프레스에 한글폰트를 사용 시 굴림과 같은 기본폰트를 사용할 경우는 문제가 없으나그 외의 폰트를 사용할 경우 공백(띄워쓰기)의 자리에 아래와 같이 의도하지 않는 " 표시가 나타납니다. 해당 문제는 CSS의 text-rendering이란 속성때문에 그런데 기본적으로... style.css파일에... text-rendering: optimizeLegibility; 으로 설정이 되어 있습니다. 해당 부분을 text-rendering: auto; 로 변경을 하면 문제를 해결할 수 있습니다.
