메뉴 건너뛰기

A11Y

지난 11월 9일에 있었던 "나도코딩" 세미나에서 발표한 내용을 요약한 자료 입니다.

 

5. HTML

 

시각장애인이 아이디어 표현을 가장 멋지게 할 수 있는 언어는 HTML이다.

- 어느 PC에나 기본적으로 웹 브라우저가 설치되어있기 때문에, 기본적인 HTML 문법만 알고있다면 메모장으로도 충분히 코딩이 된다.

- 표, 홈, 이미지 등 기본적인 시각적 표현 뿐만 아니라, <button>, <input>, <a> 태그 등을 이용하여 실제로 동작하는 사용자 인터페이스까지도 손쉽게 작성할 수 있다.

- 자바스크립트를 사용하여 동적인 표현까지도 가능하며, 웹 브라우저만 있으면 HTML과 마찬가지로 바로 실행할 수 있다.

 

예전에 필자가, 접근성 컨설팅을 다녔을 때, 현장 PC에서 바로 테스트하고 솔루션을 제시해야 하는 상황에서, "테스트해야 하니 XX 툴 깔아주세요.", "XX 개발툴이 없어서 확인이 어렵네요." 이렇게 말했다면 굉장히 없어보일 뿐 아니라 컨설팅 결과의 신뢰도도 떨어졌을 것이다.

클라이언트꼐서 질문을 주셨을 때, 바로 메모장을 열어 HTML 코드를 작성하여 브라우저로 바로 띄워드리니 빠르게 이해하시고 답변에도 만족해 하셨었다. 이어지는 질문들에도 작성한 코드를 수정해가며 대응을 할 수 있었다.

 

아이디어 표현을 위해 HTML의 아주 깊숙한 문법까지 알자는 것이 아니다. 자주 쓰이는 태그들을 작성하는데 익숙하다면 좋다.

손쉽게 작성하고, 빠르게 실행하여 직접 확인해 보면서, 아이디어는 더욱 견고해 질테니 말이다.

번호 제목 날짜 조회 수
42 센스리더 어센드 KEY 파일 인증 안내 2026.04.27 15
41 [참고] OpenSCAD Nightly 에서 사용되는 명령어 일람 - A.I 작성 2026.04.07 104
40 OpenSCAD#12. 시각장애인도 3D 디자인을 - 2D 평면을 3D 입체로 만드는 마법 - 사출(extrusion)의 이해 2026.04.07 114
39 [자료] OpenSCAD로 만든 남성과 여성 피규어 모델 file 2026.04.03 145
38 OpenSCAD#11. 시각장애인도 3D 디자인을 - 부품 단위로 생각하기, module 2026.04.03 143
37 OpenSCAD#10. 시각장애인도 3D 디자인을 - 반복의 마법, for 2026.04.01 170
36 OpenSCAD#9. 시각장애인도 3D 디자인을 - 모서리가 둥근 큐브 만들기 2026.03.31 175
35 OpenSCAD#8. 시각장애인도 3D 디자인을 - scale, 빵 만들기 2026.03.27 563
34 OpenSCAD#7. 시각장애인도 3D 디자인을 - 곡면의 이해 - 품질과 성능 2026.03.26 287
33 OpenSCAD#6. 시각장애인도 3D 디자인을 - 맥미니에 구멍 뚫기 2026.03.24 290
32 OpenSCAD#5. 시각장애인도 3D 디자인을 - 맥미니(Mac mini) 만들기 2026.03.23 466
31 OpenSCAD#4. 시각장애인도 3D 디자인을 - 미키마우스 머리 만들기 2026.03.20 708
30 [수정] OpenSCAD#3. 시각장애인도 3D 디자인을 - 공간의 이해 - 좌표, 단위, 회전 2026.03.19 539
29 OpenSCAD#2. 시각장애인도 3D 디자인을 - 설치와 실행 2026.03.18 368
28 OpenSCAD#1. 시각장애인도 3D 디자인을 - 소개편 2026.03.17 333
27 센스리더 어센드 멀티라인 점자 출력 기능 2026.02.20 363
26 센스리더 가상커서 해제시 포커스 정보에 관하여 2026.02.09 546
25 센스리더 즐겨찾기 도구의 A.I. 프롬프트 사용 안내 2026.02.03 411
24 센스리더 도구에 대한 간략한 소개 2026.01.27 480
23 alt="" 접근성을 더욱 위배할 수 있다. 2025.05.14 1038