메뉴 건너뛰기

A11Y

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

 

5. HTML

 

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

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

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

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

 

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

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

 

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

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

번호 제목 날짜 조회 수
23 [참고] OpenSCAD Nightly 에서 사용되는 명령어 일람 - A.I 작성 2026.04.07 9
22 OpenSCAD#12. 시각장애인도 3D 디자인을 - 2D 평면을 3D 입체로 만드는 마법 - 사출(extrusion)의 이해 2026.04.07 4
21 [자료] OpenSCAD로 만든 남성과 여성 피규어 모델 file 2026.04.03 17
20 OpenSCAD#11. 시각장애인도 3D 디자인을 - 부품 단위로 생각하기, module 2026.04.03 20
19 OpenSCAD#10. 시각장애인도 3D 디자인을 - 반복의 마법, for 2026.04.01 31
18 OpenSCAD#9. 시각장애인도 3D 디자인을 - 모서리가 둥근 큐브 만들기 2026.03.31 26
17 OpenSCAD#8. 시각장애인도 3D 디자인을 - scale, 빵 만들기 2026.03.27 128
16 OpenSCAD#7. 시각장애인도 3D 디자인을 - 곡면의 이해 - 품질과 성능 2026.03.26 119
15 OpenSCAD#6. 시각장애인도 3D 디자인을 - 맥미니에 구멍 뚫기 2026.03.24 130
14 OpenSCAD#5. 시각장애인도 3D 디자인을 - 맥미니(Mac mini) 만들기 2026.03.23 201
13 OpenSCAD#4. 시각장애인도 3D 디자인을 - 미키마우스 머리 만들기 2026.03.20 151
12 [수정] OpenSCAD#3. 시각장애인도 3D 디자인을 - 공간의 이해 - 좌표, 단위, 회전 2026.03.19 206
11 OpenSCAD#2. 시각장애인도 3D 디자인을 - 설치와 실행 2026.03.18 185
10 OpenSCAD#1. 시각장애인도 3D 디자인을 - 소개편 2026.03.17 149
9 시각장애 개발자와 함께하는 아이디어 마이닝 #9. 마치며 2024.11.22 1089
8 시각장애 개발자와 함께하는 아이디어 마이닝 #8. 자바스크립트 2024.11.21 924
7 시각장애 개발자와 함께하는 아이디어 마이닝 #7. 스크립트 예시, CMD 2024.11.20 849
6 시각장애 개발자와 함께하는 아이디어 마이닝 #6. 스크립트 언어 2024.11.19 910
» 시각장애 개발자와 함께하는 아이디어 마이닝 #5. HTML 2024.11.18 905
4 시각장애 개발자와 함께하는 아이디어 마이닝 #4. 의사 코드 2024.11.14 774