종이 교과서를 EPUB으로 옮기며 배운 웹 표준
화면 비공개출판사 저작물이라 지면을 공개할 수 없습니다. 어떤 기준으로 만들었는지는 아래에 정리했습니다.어떤 문제를 어떻게 풀었는지는 아래에 정리해 두었습니다.
초등학교 영어·수학·과학 교과서를 EPUB 형식의 디지털 교과서로 옮기는 일이었습니다. 종이 지면을 그대로 화면에 옮기는 단순 변환이 아니라, 듣기 자료를 재생하고 문제를 풀어 보고 정답을 확인하는 인터랙션까지 함께 넣어야 했습니다.
이 일을 하기 전까지 나는 마크업을 '화면이 원하는 대로 나오게 하는 수단'으로만 생각했습니다. 그런데 교과서는 달랐습니다. 교육용 저작물은 웹접근성 지침을 따라야 하고, 학교에서 쓰는 뷰어가 한 종류가 아닙니다. 같은 파일이 어떤 뷰어에서는 멀쩡하고 어떤 뷰어에서는 무너집니다.
'내 브라우저에서 잘 보인다'는 말은 아무 근거가 되지 못했습니다. 표준을 지키는 건 심사를 통과하려고 하는 일이 아니었습니다. 내가 손댈 수 없는 환경에서도 콘텐츠가 멀쩡하려면 그 방법밖에 없었습니다.
경력의 시작점이라 화려한 기술은 없습니다. 하지만 이후 어떤 프로젝트에서도 시맨틱 마크업과 대체 텍스트를 나중으로 미루지 않는 습관은 여기서 생겼습니다.
문제가 무엇이었고, 무엇을 골랐고, 그래서 어떻게 됐는지.
결정 01
결정 02
결정 03
초등 영어·수학·과학 교과서를 디지털 교과서 규격으로 전환.
듣기 자료 재생, 문제 풀이, 정답 확인 등 지면에서 불가능한 동작을 추가.
음성·영상 자료를 본문 흐름 안에 배치해 별도 앱 없이 재생되게 했습니다.
시맨틱 구조, 대체 텍스트, 키보드 접근을 기준에 맞춰 작성.
표준을 우선하고, 뷰어별 미지원 속성은 대체 구현으로 처리.
첫 실무에서 '표준을 지킨다'는 말의 의미가 바뀌었습니다. 그전에는 규칙을 지키는 사람이 되는 문제라고 생각했는데, 실제로는 내가 없는 자리에서도 콘텐츠가 제대로 동작하게 만드는 문제였습니다.
교과서를 만들면서 사용자를 아주 구체적으로 상상하게 된 것도 큰 수확이었습니다. 이 화면을 보는 사람은 초등학생이고, 교실의 오래된 기기에서 열 수도 있고, 화면을 확대해서 볼 수도 있습니다. 그 조건들을 먼저 적어 두고 시작하는 방식은 지금도 그대로 씁니다.
기술적으로 깊이 들어간 프로젝트는 아닙니다. 다만 이후에 만난 모든 화면에서 '이 마크업이 의미를 담고 있는가'를 한 번 더 보게 된 출발점이었습니다.