악보를 대체텍스트로 제공한다면?

지운아빠

· 12년 전 · 조회 5247 5247 · 댓글 13 13

고민의 시작

페이스북 한국 웹 접근성 그룹의 조은님 게시물을 보고 고민하게 되었습니다. 해당 주소를 어떻게 써야되는지 모르겠네요.

옆동네 클리어 보스에 이런 글이 올라와서,
저도 자세히 모르겠어서 질문드립니다.
-------------------------------------------------------------------------------
관공서 웹 시스템 통합을 주된 업무로 하고 있습니다.
사업 RFP상에 웹접근성인증마크는 꼭 들어가있는데, 이 인증이 과연 차별 없는 웹접근을 위한 인증인지 의구심이 들때가 많이있었습니다.
신청을 하고 피드백을 받은 내용을 보면 저희가 기준에 맞추지 못한 부분을 많이 발견하기도 하지만 굳이 이러한 항목까지 넣어야되는건지.. 이건 목적전도가 아닌지 하는 항목들도 꽤 있었기 때문입니다.
예를들면 당연히 악보 이미지의 대체택스트에 가사를 넣었더니
해당 악보의 조성과 계이름까지 넣어야 된다고 피드백이 왔습니다.

KWCAG2.0(http://www.wah.or.kr/Example2.0/한국형_웹_콘텐츠_접근성_지침_2.0.pdf)의 대체텍스트 항목에도
'텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다. ' 라고는 나와있는데 이게 조성과 계이름이 없다고 해당 악보의 의미를 전달못하진 않았다고 판단됩니다.

클리어보스에 계신 분들은 현업에서 웹접근성관련 작업을 어떻게 하고 계신지 이야기를 듣고싶습니다 :)
-------------------------------------------------------------------------------

그리고 해당 웹접근성인증작업은 악명이 높은 모 업체에서 했다고 합니다.
[업체 : http://www.kweb.or.kr/]

예시) 학교종

악보

예시로 살펴 볼 학교종의 악보 이미지입니다.

이 예시에서는 대체텍스트 제공 방법에 관계없이, 대체텍스트 자체만 고민해보겠습니다.

방법#1 음절별 계이름+가사

제목 학교종 김메리 작사 김메리 작곡 4분의 4박자
1절
솔학 솔교 라종 라이 솔땡 솔땡 미땡 솔어 솔서 미모 미이 레자 솔선 솔생 라님 라이 솔우 솔리 미를 솔기 미다 레리 미신 도다
2절
솔학 솔교 라종 라이 솔땡 솔땡 미땡 솔어 솔서 미모 미이 레자 솔사 솔이 라좋 라게 솔오 솔늘 미도 솔공 미부 레잘 미하 도자

방법#2 어절별 계이름+가사

제목 학교종 김메리 작사 김메리 작곡 4분의 4박자
1절
솔솔라라 학교종이 솔솔미 땡땡땡 솔솔미미레 어서모이자 솔솔라라 선생님이 솔솔미 우리를 솔미레미도 기다리신다
2절
솔솔라라 학교종이 솔솔미 땡땡땡 솔솔미미레 어서모이자 솔솔라라 사이좋게 솔솔미 오늘도 솔미레미도 공부잘하자

방법#3 전체 계이름 후 전체 가사

제목 학교종 김메리 작사 김메리 작곡 4분의 4박자

계이름
솔솔라라솔솔미 솔솔미미레 솔솔라라 솔솔미 솔미레미도

1절 가사
학교종이땡땡땡 어서모이자 선생님이 우리를 기다리신다

2절 가사
학교종이땡땡땡 어서모이자 사이좋게 오늘도 공부잘하자

방법#4 가사만 제공

제목 학교종 4분의 4박자 김메리 작사 김메리 작곡
1절 가사 학교종이땡땡땡 어서모이자 선생님이 우리를 기다리신다
2절 가사 학교종이땡땡땡 어서모이자 사이좋게 오늘도 공부잘하자

방법#5 대체 텍스트 미제공

대체 텍스트를 제공하지 않습니다.

다른 의견들

원본에서 계속 업데이트 예정입니다.

고민의 결론

원본에서 계속 업데이트 예정입니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 13개

뽁스

프로필 보기 이 회원 글보기

12년 전

전 3번이 좋아보이네요~ 근데 코드는 어떻게 해야 될까요?

jude1234

프로필 보기 이 회원 글보기

12년 전

저도 3번이 보기엔 낫긴 한데..
옥타브가 올라가는건 어떻게 쓰나요?

퍼블리

프로필 보기 이 회원 글보기

12년 전

전 4번이 좋아보이네요~ 저런 간단한 것에도 많은 작업이 필요할텐데..
클래식이라도 나오면..........;;;;;;;;;;
차라리 다운로드 형식으로 가야하는것 아닌가 생각합니다...
점자로 된 악보가 있는지 검색해봐야 겟군요

퍼블리

프로필 보기 이 회원 글보기

12년 전

다운로드는;; 저작권법??에?;;;; 험난하군요..

불량학생

프로필 보기 이 회원 글보기

12년 전

솔솔라라 솔솔미
학교종이 땡땡땡
솔솔미미레
어서모이자
솔솔라라 솔솔미
선생님이 우리를
솔미레미도
기다리신다
이렇게 네개로 나눠서 너무 길지도 않고 너무 짧지도 않고 외우기 쉽게 나눠서 하는게 좋은 방법이라고 봅니다
웹접근성에는 정신지체장애도 포함되므로 7자면 길 수도 있지만
보편적인면을 보는 것이므로 이렇게 분리 되는게 맞다고 봅니다

라이언81

프로필 보기 이 회원 글보기

12년 전

악보가 단순히 계이름과 가사만 포함되는 정보가 아닌데요, 박자나 장조, 음표,리듬 ,쉼표, 세기 이런 모든요소들을 표현할수있을까요? 최소화해서 계이름과 가사만 표현해준다해도 좀 이상하죠, 계이름만으로 리듬없이 음악이 만들어질순없는거고요 ,또 각 장조마다 계이름읽는방법이 틀린건데 이런경우 이떻게 표현할런지도 문제구요.(검정건반같은경우) 제가볼땐 악보라고 명시해주고 가사만 표현해주는게 맞다고보는데여

지운아빠

프로필 보기 이 회원 글보기

12년 전

좋은 의견들이 sir 뿐만 아니라 fb, 하코사 등에도 많이 올라왔는데, 정리를 못하고 있습니다. 조만간 다시 한번 정리해보겠습니다.

화랑댐

프로필 보기 이 회원 글보기

12년 전

음..........너무나 너무나 어렵네요... 접근성이 기준이라는것은 실 사용자가 요구하는 평균에 의한 기준일까요 아님 비장애인 사람이 기준을 잡아야하는 걸까요?

SugarSkull

프로필 보기 이 회원 글보기

12년 전

글만놓고 생각하면 우선 저것이 C 장조로 시작된다는 것부터 알려주어야 할 것 같습니다.
C 장조라는 전제를 깔아주고
[학교종이땡땡땡 4/4 다장조] 솔솔라라(학교종이) - 솔솔미_(땡땡땡_) - 솔솔미미(어서모이) - 레____(자____)/
사이사이를 바('-') 로 처리한 이유는 실제로 음악작업 혹은 간이 코드악보를 만들때 저런식으로 많이 사용합니다.
예를들어 C - G - F - Am 이런식의 코드나열을 의미합니다. 보편화되어있는 방식이지요.
그리고 가사와 음정을 분리하는것은 오히려 혼란을 불러올 것 같다는 생각이 듭니다.
프레이즈(마디) 단위가 적당하리라 봅니다.
초등학교에서 동요를 배울때도 선생님이 먼저 선창을 하거나 건반으로 표현하는것과 같은 이치이며,
해당 곡은 누구나 아는 곡 이지만 새로운 곡을 저런식으로 표현한다고 가정하였을시
가사와 음정이 함께 있는게 맞다 생각됩니당..
심지어 가이드 보컬(곡을 가수에게 납풉? 하기 위해 즉석해서 청음 후 녹음하는 것) 녹음시에도 길게는 16마디, 짧게는 8마디씩을 잘라서 한다는 점 또한 이해를 돕기 쉬우며, 심지어 이 글을 보고 계신 유저분들도 아마 노래 하나를 외우기 위해서는 한곡을 바로 외우기보단 길게는 16마디 짧게는 8씩 듣고 따라부르고계시지 않나요?
그리고 만약 실제로 써야만 한다면 이음줄이나 박자를 표시하는 어떤 법칙의 표준이 생겨야하지 않을까 합니다..
그 이전엔 눈가리고 아웅이라는 생각이드네요.
아 참고로 저는 음악 프로듀싱과 웹디자인을 겸하고 있는 별볼일없는 유저입니다.^^ 좋은하루되세요!

지운아빠

프로필 보기 이 회원 글보기

12년 전

감동했습니다.

/ 2

1 2

게시글 목록

번호	제목	글쓴이	조회	날짜
5638	요즘 node.js에 푹 빠져 살고 있습니다. 10	gilynh	1,786	12년 전
27321	모바일 코딩에 관해궁금한게 있어서요~ 1	내가짱니네가짱	1,220	12년 전
5637	다음의 htaccess 파일에 잘못된게 있나요?	AMDbest	485	12년 전
31931	한국장애인인권포럼 vs 웹발전연구소 격돌 2	지운아빠	1,688	12년 전
31925	[펌] 웹접근성 돌아버리겠네요 5	관리자	1,318	12년 전
18979	jQuery 마우스 오버시 레이어 출력~ 2	뽁스	7,599	12년 전
5633	페이지 내의 모든 input checkbox select 초기화 방법이 3	AMDbest	2,184	12년 전
27316	모바일에서 css로 검색창 만드려면 ? 4	KIMys	1,957	12년 전
27307	개발/테스트용 가짜 이미지 8	전진	2,023	12년 전
18976	jQuery 메뉴 고정 2	화끈하게	2,458	12년 전
5631	불여우(FF) 새로고침 1	senseme	555	12년 전
18974	OS 리눅스(페도라) FTP 설정 1	최적화	3,690	12년 전
31919	법무법인 태평양, 재단법인 동천 그리고 한국장애인단체총연합회 등 내달 소송 준비 중 5	지운아빠	1,361	12년 전
30803	HTML 네이버 지도를 이용해 만든 레이아웃입니다. 19	kiplayer	6,401	12년 전
31911	KBS, KNN 장애인 차별로 인권위에서 첫 진정이 들어갔다네요. 7	지운아빠	1,000	12년 전
5625	요즘 객체지향 설계에 대해서 고민합니다. 5	규지니	957	12년 전
5623	서브스크립션 커머스 사이트 견적이 어떻게... 1	상엽나르도	1,276	12년 전
5620	안녕하세요 그누보드스킨메뉴얼부탁드립니다 2	검은고양이1983	647	12년 전
27298	크로스 브라우징 쉽게 하기!! 8	모노폴리	3,108	12년 전
31904	웹 접근성 무료 진단해준다네요. 6	지운아빠	1,404	12년 전
31887	장차법 관련 문의 드립니다~(아무리 구글링 해도 원하는 해답이 없네요) 16	testers	1,472	12년 전
31884	가전 접근성과 웹 접근성 2	지운아빠	979	12년 전
18967	jQuery facebook timeline 스타일 따라하기 6	옹갈군	2,598	12년 전
5616	sql에서 where문 작성시.. 궁금한게있어요.. 3	원더리	1,635	12년 전
5611	환절기라 감기들 많이 걸리시는 것 같네요 4	불량학생	428	12년 전
18963	jQuery 간만에 복귀 기념 - jQuery 슬라이드 베너 ? ^^ 3	검은여우	3,495	12년 전
5608	엑셀에서 한칸씩 문자를 보내고 보낸사람 아이디 2	돌쇠님	992	12년 전
31881	웹 접근성은 '고객'만 대상으로 하는 것은 아닐 겁니다. 2	지운아빠	820	12년 전
5601	회사 홈페이지를 만들고 있습니다 jw플레이어 문의 6	개도	1,187	12년 전
31866	웹 접근성 이슈 정리 14	지운아빠	5,556	12년 전
31862	웹접근성에 대해서 잘 모릅니다 3	ideaman	1,183	12년 전
5599	PHP 로그인 세션 시간 연장시키는게 이거 맞습니꺄? 1	AMDbest	2,789	12년 전
5595	DB에서 데이터를 1000만개중에 10개 select하는거랑 3	AMDbest	2,240	12년 전
5592	활동지수 올리기 위하여 팁 같은것을 퍼와도 되나요? 2	프리랜서개발자	458	12년 전
24497	반응형 웹 디자인 도입을 통한 쇼핑몰 매출 증가 사례	지운아빠	2,922	12년 전
18958	OS 리눅스 미치겟네요ㅠㅠ 4	SUPERMANs	1,369	12년 전
31859	쇼핑몰 고객센터 전화번호를 컨텐츠 최상단에 위치시키는 것은 어떨까? 2	지운아빠	1,284	12년 전
31855	웹 접근성의 숨은 복병 알고 보니... 세상에! 3	지운아빠	1,340	12년 전
18952	PHP PHP로 작성된 웹셀 프로그램 5	오늘도망했다	3,256	12년 전
18946	JavaScript html 테그 제거하는 함수 5	senseme	2,022	12년 전
18942	JavaScript 새로고침(F5) 금지 하는 자바 스크립트 3	senseme	3,681	12년 전
18939	JavaScript 자바스크립트 문자열 비교 2	senseme	8,564	12년 전
18936	JavaScript 자바스크립트를 이용해 모니터 해상도 구하기 2	senseme	4,163	12년 전
18933	JavaScript 모바일 접속시 모바일 페이지로 이동하기 2	senseme	3,726	12년 전
5590	0이라는 값을 함수중 true false로 표현하는 방법이 있을가요..? 1	senseme	1,346	12년 전
5586	방문로그 기록관련 조언을 구합니다. 3	senseme	1,418	12년 전
18924	MySQL SQL 문장의 실행순서 8	프로프리랜서	3,137	12년 전
18915	MySQL 초보자들을 위한 팁(count편) 8	프로프리랜서	3,977	12년 전
18913	MySQL 대용량 InnoDB백업을 위한 솔루션을 찾다가 발견한 솔루션 입니다. 1	프로프리랜서	4,382	12년 전
18908	MySQL 트리거를 이용한 날짜 자동 업데이트 4	프로프리랜서	1,592	12년 전
27293	퍼블리셔 아이셔 4	위티스	1,281	12년 전
5583	운영중인 쇼핑몰 서버를 이전할때 도메인 네임서버 시간차 관련해서 2	AMDbest	865	12년 전
5580	견적이 어떻게 되까요.. 2	북금곰	968	12년 전
18895	PHP 배열 순서 섞기 12	senseme	2,707	12년 전
18886	JavaScript 체크박스 전체선택/해제/반전 8	senseme	2,722	12년 전
18880	JavaScript 마우스휠이벤트 등록 및 활용 5	senseme	1,240	12년 전
5576	언리얼 엔진 3(Unreal Engine 3) 를 5일만에 HTML5로 이식 한 놀라운 C++ -> 자바스크립트 변환 3	raineye	2,784	12년 전
31840	웹 접근성 소송/감리 관련 세미나 다녀왔습니다. 14	지운아빠	1,264	12년 전
30792	CSS IE7에서 float:right 버그에 관한 초간단 팁. 10	블랙스완	8,447	12년 전
18869	JavaScript 부분 프린터하기 10	senseme	1,501	12년 전
18866	JavaScript GET으로 넘어온 파라미터 가져오기 2	senseme	3,759	12년 전
18862	JavaScript 첨부파일 확장자 체크 [정규식] 3	senseme	6,374	12년 전
18858	JavaScript iframe 아이프레임 투명처리 3	senseme	1,551	12년 전
5569	그누보드를 사용하시는 여러분들 스팸에 어떻게 대응하시는지요.; 6	재순이	2,819	12년 전
5565	웹접근성 관련 장차법에 대해서 궁금한게 있는데요. 3	파로소	570	12년 전
27287	정체성 혼란중.. 5	재순이	1,282	12년 전
18857	MySQL 따로 odbc로 그누보드연동하여 로그인창을 만들었는데	노을라나	1,143	12년 전
18855	PHP 주민번호 검사기 1	senseme	1,302	12년 전
18854	PHP 프록시도 탐지하는 IP검증 및 차단 소스	senseme	3,297	12년 전
18847	JavaScript 화면 줌(ZOOM); 필요한분이 있으려나...; 6	senseme	1,068	12년 전
18843	기타 마우스가 특정영역을 벗어나면 강제로 창닫기 3	senseme	1,806	12년 전
18841	기타 특수문자 활용하기 (배열표) 1	senseme	1,246	12년 전
18840	PHP utf8 체크하기	senseme	904	12년 전
31825	탭 메뉴 처리 방법에 관한 의견 중 공감되는 의견을 퍼옵니다. 4	지운아빠	1,392	12년 전
18839	웹서버 웹서버 관리툴 - 초보도 전문가처럼 서버 관리	민기만	2,092	12년 전
18835	기타 이미지에 커서를 대었을때 rollover와 rollout 효과주는 방법 3	senseme	1,373	12년 전
18833	기타 하이퍼링크에 여러가지 스타일만들기 1	senseme	1,254	12년 전
18832	JavaScript 내 쇼핑몰에 즐겨찾기 등록 버튼 만드는 방법	senseme	1,776	12년 전
18822	JavaScript 네이버 지도 API 다중마커 구현 소스 입니다. 9	kiplayer	14,764	12년 전
18820	PHP 카운터 늘리기 방법은? 1	강진사랑	1,054	12년 전
5561	사이트에 그누보드 사용시 이미지 간격이 달라지는 문제 ㅠㅠ 3	아이벤	858	12년 전
31806	웹 접근성 미준수 시 처벌 대상에 대한 노석준 교수님의 답변 18	지운아빠	2,702	12년 전
18815	MySQL CASE WHEN ~ (MySQL 의 IF문 역활) 4	senseme	8,947	12년 전
31830	웹 접근성 심사 9	프토코이	1,270	12년 전
18809	PHP 정규식 사용법입니다. 5	프로프리랜서	1,157	12년 전
18807	PHP ereg_replace와 str_replace 차이점입니다. 1	프로프리랜서	1,621	12년 전
18806	PHP PHP를 이용하여 문자열을 자르는 함수 입니다.	프로프리랜서	1,126	12년 전
18803	PHP 숫자를 한글로 출력하게 해주는 함수 입니다. 2	프로프리랜서	1,255	12년 전
18801	PHP file_get_contents 사용법 1	프로프리랜서	3,539	12년 전
18800	PHP PHP 변수를 스크립트로 사용하는 방법입니다.	프로프리랜서	1,448	12년 전
18796	PHP PHP를 사용하여 리눅스 심볼릭 링크를 거는 방법입니다. 3	프로프리랜서	2,117	12년 전
5559	ie10 에서 투명한 플래시 삽입 1	softhead	1,140	12년 전
18793	기타 플래시 위로 레이어 올리기 2	senseme	1,307	12년 전
18791	PHP 자릿수만큼 문자열 채우기 1	senseme	3,016	12년 전
5554	jquery plugin 작업하는데 질문있습니다. 4	해피코딩	860	12년 전
31780	웹 접근성 관련 오해글에서 언급했던 메일 내용 원문 공개 9	지운아빠	1,328	12년 전
31790	장차법 대상인 사이트 제작시 15	임소야	1,596	12년 전
31758	웹 접근성 관련 오해 2가지 21	지운아빠	2,023	12년 전
24491	스토리보드 양식..같은거 구할수 없을까요? 5	방방이	2,128	12년 전
27284	퍼블리셔들은 포트폴리오 어떻게 준비하나요? 2	방방이	2,555	12년 전

이전 다음

18 19 20 21 22

전체 목록

악보를 대체텍스트로 제공한다면?

목차

고민의 시작

악보

방법#1 음절별 계이름+가사

방법#2 어절별 계이름+가사

방법#3 전체 계이름 후 전체 가사

방법#4 가사만 제공

방법#5 대체 텍스트 미제공

다른 의견들

고민의 결론

댓글 작성

댓글 13개

게시글 목록