HTML5에서의 Table Element의 summary

HTML5에서는 HTML4까지 표의 요약을 설명하는 용도로 사용되던 summary속성을 폐기했다.
폐기라기 보기보다는 사용하면 좋지않은 지침(Not a good indicator)정도로 표현했다고 본다.
암튼 summary가 “사용하면 좋지않은 지침(이후 deprecated 정도로 맘대로 표현하겠다.)”이 되어버린 이유가 몰까 궁금했다.
summary는 표의 설명이기 때문에 복잡한 구조의 표를 선형화시켜서 이해하는 사람에게 큰 도움이 되지 않던가! 왜 없에버린거야!! 라며 이유를 찾기 시작했다.

그에 대한설명은 현재 버전의 html5 Specification에는 존재하지 않고, 2011년 4월 5일날(나무를 심자! 음…) 나온 “HTML5 Edition for Web Authors“에서 찾을 수 있었다.

The summary attribute on table elements was suggested in earlier versions of the language as a technique for providing explanatory text for complex tables for users of screen readers. One of the techniques described above should be used instead.

note : In particular, authors are encouraged to consider whether their explanatory text for tables is likely to be useful to the visually impaired: if their text would not be useful, then it is best to not include a summary attribute. Similarly, if their explanatory text could help someone who is not visually impaired, e.g. someone who is seeing the table for the first time, then the text would be more useful before the table or in the caption. For example, describing the conclusions of the data in a table is useful to everyone; explaining how to read the table, if not obvious from the headers alone, is useful to everyone; describing the structure of the table, if it is easy to grasp visually, might not be useful to everyone, but it might also not be useful to users who can quickly navigate the table with an accessibility tool.

암호 해독을 해보면…

테이블 요소에 대한 summary 속성은 스크린 리더 사용자를 위한 복잡한 표에 대한 설명 텍스트를 제공하기 위한 기술로 html 언어의 이전 버전에서 제안 되었고, 위에 설명 된 기술 중 하나가 대신 사용된다.

특히 웹 저작자는 테이블 대한 설명 문구는 시각 장애인에게 도움이 될 가능성이 있는지 여부를 고려하는 것이 좋다. 만약 자신의 설명 문구가 유용하지 않을 경우에는, summary 속성을 포함하지 않는 것이 좋다. 유사하게 웹 저작자가 명시한 설명문구가 시각장애인 아닌 사람에게도 도움이 될 수 있다면(이 표를 처음보는 사람이라던가), 이 설명 텍스트는 summary속성을 사용하는것 보다는 테이블의 앞에 설명하거나 caption을 사용하는것이 더 유용할것이다. 예를 들어 테이블에 포함된 데이터의 결론을 설명하는 것은 모든 이에게 유용하며, 헤더를 읽는것 만으로 충분히 이해할 수 없는 테이블을 어떻게 읽을 것인지 설명하는 것 또한 모든 이에게 유용하다. 그러나 그 시각적으로 이해하기 쉽게 되어있는 테이블의 구조를 설명하는건 누구에게나 별 도움이 되지 않으며, 접근성 도구의 도움을 받아 빠르게 탐색할 수 있는 이들에게도 도움이 되지 않는다.

라고 되어있다.
난 저 다른나라 암호를 해독하면서 note 부분이 참으로 공감이 갔다. 현재 KWCAG2.0 과 웹 접근성 품질 마크의 순기능으로 인해(부작용은 좀 나중에… 할 수 있을까?) 우리나라의 웹 저작자는 대부분 caption을 명시하고 summary속성을 명시하고 있다. 다만 caption은 제목 summary는 요약정보라는 공식 아닌 공식에 갇혀서 caption을 단지 테이블의 제목 복사, summary는 표의 구조(th나열)을 사용하는것이 현실이다. 현재의 공식을 각요소의 참역할로 보면 caption은 역할도 문제가 없고 다루기도 쉽다. 그러나 summary는 문제가 있다. summary는 구조의 요약정보만 알려주는것에 제한되어서는안되고 표의 내용을 요약할수 있어야 한다고 생각한다. 그러나 테이블의 내용에 대해 요약을 제공하는게 쉬운일은 아니라는것이다. 특히 data가 서버에서 db를 불러와 제공되는 표의 경우는 더욱 힘들것이다. 이게 summary를 제대로 쓰기에 힘든 가장 중요한 이유가 아닐까 생각한다.

facebook에서 김혜일님이 사용자입장에서 summary를 th의 항목만 나열해 넣는 경우에 “어차피 summary 듣고 나서 th를 바로 들어야하기 때문에 사실 큰 도움이 되지는 않습니다.“라는 코멘트를 하셨던것도 HTML5의 Spec. 과 의미가 통한다고 본다.

그럼 해결책을 찾아보자 다시 spec. 으로 돌아가 Tabluar data의 Techniques for describing tables 부분을 보면 답이 있다.

For tables that consist of more than just a grid of cells with headers in the first row and headers in the first column, and for any table in general where the reader might have difficulty understanding the content, authors should include explanatory information introducing the table. This information is useful for all users, but is especially useful for users who cannot see the table, e.g. users of screen readers.

Such explanatory information should introduce the purpose of the table, outline its basic cell structure, highlight any trends or patterns, and generally teach the user how to use the table.

역시 암호 해독을 해보면…

셀의 그리드로 구성되고 그 첫 행과 첫 열에 헤더 정보가 있는 단순한 구조가 아니거나, 독자가 표의 내용을 이해하는데 어려움을 느낄 수 있는 테이블일 경우에는, 테이블을 소개하는 설명 정보를 포함시켜야 한다. 이 정보는 모든 사용자에게 유용하다, 특히 테이블을 볼 수 없는 사용자(스크린리터 사용자 같은)에게 유용하다.

설명 정보는 테이블의 목적을 소개해야 하고, 기본적인 셀 구조를 나타내야 하며, 표의 경향과 패턴을 강조하고, 사용자가 테이블을 어떻게 사용할지 가르칠 수 있는 것이어야 한다.

라고 되어있고 그 위치는 구조상 테이블의 위나 caption앨리먼트에서 구조화를 통해 표현 할 수 있다고 한다. 이것에 대한 예는 4.9.1.1 Techniques for describing tables – 4.9.1 The table element 에서 확인 가능하다.
caption의 경우 html4에서는 inline element였으므로 내부의 구조화가 어려웠던 반면, html5에서는 content model이 Flow Content로 된것도 뭐 좋은 현상이라고 볼 수 있지 않을까?

내맘대로 결론을 한줄 요약을 해보면

  • 품질마크 딸라고 어거지로 summary 끼워 넣지마 정말 도움이 되는게 뭔지 고려해봐
  • 아 파젯은 어케 고치지?
  • 암호해독은 어려워

정도가 되겠다.
생각해보니 웹 접근성 품질마크에서 예전에는 caption 대신 table위에 제목을 제공해도 허용이었던거같은데 ._.

오늘도 즐거운 웹 접근성 라이프…음…

Airport Express 구매

이번에 갑작스럽게 일본여행을 다녀왔다.
적을 두지않아서 그런지 쉽게 일정 잡고 쉽게 떠나는 듯 하다. 여행에 관한 얘기는 다른글에서 좀 다뤄보기로 하고…

일본 동경에서 일을 하고 있는 예전 회사의 동료가 있어 그 집에 빈대를 붙어 여행을 할 심산으로 여행을 하러갔는데,
일본의 엔화가 하락세를 유지하고 있었다. 그래서 일본 애플스토어가 한국의 애플스토어보다 싸지는 그런 현상이 발생이 되었다.
뭘 살까 고민하다가, 빈대붙은 친구의 집에 연결되어있는 Airport Express를 구경하게 되었고 사야겠다는 느낌이 들어 바로 긴자의 애플스토어로 출동했다.

AirMac Express

그런데 숙소에 와서 살펴보니 이상하다.  Airport Express가 아니라 AirMac Express 라니!!
난 분명히 애플스토어에서 산게 맞는데 이게 왠 애플스토어에서 중국산 복제품을 산 느낌일까…

내가 일본어를 못해서 그런건가? 안되는 영어로  하긴했는데?
그런데 친구가 얘기해주더라 이미 일본에 Airport Express 가 상표등록이 있어서 같은 이름을 쓰지못해서 그런거라고…
우리가 마우스로 잘 알고 있는 Logitech 도 발음상으로 같은 로지텍이 일본에 존재하기 때문에 일본에서는 로지텍이 아니라 로지쿨로 되어있다고 하더라…
보통 우리나라는 그냥 중복되도 쓰지 않나… 라는 생각을 잠깐 하고 술을 먹었지….

지겹도록 즐겁게 놀고 집에 와서 짐을  풀자마자 제일 처음한 작업은 바로 당연히 샤워였다-_-; 샤워하고 옷입고 Airport를 설치하기 시작했다. 내가 Airport express를 선택한 이유는 몇 가지가 있다.

  • 내가 음악 들을때 사용하는 BOSE Sound Dock 2는 30핀 어댑터만 연결이 가능했다. 그러나 난 이미 아이폰이 Lightning 커넥터 대응으로 변경되고 있었기 때문에 Airplay를 이용해서 생명 연장의 꿈을 이루고 싶었다.
  • 점점 와이파이를 사용하는 기기가 늘어나기 때문에 와이파이의 성능이 중요해졌기 때문
  • 우리 어무니가 스마트폰을 사용하기 시작하셨는데 집에 공유기가 없다. 그래서 내꺼를 엄마한테 달아드리고 난 이쁜거 써야지….

USB 꼽는데가 있길래 하드 연결해서 스토리지 연결이 되려나! 했지만 그것은 AirPort Extreme에서만 된다더라.
Extreme 4개의 Gigabit Ethernet 포트가 존재하고 USB 하드도 연결할 수 있지만, 난 Ethernet 포트는 하나만 필요하고 무엇보다 Extreme은 AirPlay가 불가능하다.
그리고 너무 비싸다…. 공유기에 20만원돈을 쓰기는 좀 아까우니까…(사실 10만원 하는 Airport Express 나에겐 과분하지 ㅠ ㅠ)

유선 랜 환경을 연결하자마자 데스크탑 pc는 바로 인터넷이 가능했다. 바로 윈도우용 AirPort 유틸리티를 설치하고 각종 세팅을 하기 시작했다.

아이패드 airport 세팅화면

아이패드 airport 연결된 기기목록

AirPort Extreme에서 지원되는 기능중 하나인데 방문자용 Wi-Fi를 따로 제공 할 수 있다.
우리집이나 우리집근처에 지나가시는 분은 deute guest라는 wifi를 사용하시면 된다. 개방용이기 때문에 보안따위는 없다.

주요기능중에 하나인 Airplay도 설정했다. ㅎㅎ
아이폰에서 airplay로 음악 재생한 모습
노래들으면서 뭔가 하려고 할때 itunes 키는게 항상 부담 스러웠는데 이제 걱정하지 않아도 된다.

애플은 언제나 나에게 “이것은 사야해”라는 뭔가 타당성을 부여해준다. 담에는 뭘사지… 음 애플tv….?

iPad mini

백수가 되면서 제일 처음한것은 아이패드 미니를 주문한것이었다. 아이패드가 한국에 처음나올때는 사고 싶었지만 에어가 나오게  되어 사질 않았었고, 이전 회사는 모든사원에게 갭럭시 탭이나 아이패드 1중에 택일하면 제공하는 정책이 있어서 사람들이 쓰는걸 보니 유용해 보여 파트내의 분에게 싸게 중고를 구매해서 썼다. 써보니 이게 놀기도 좋고 책보기도 좋은데, 무겁더라…. 에어랑 무게가 별로 다르지않다는 느낌까지 받았다. 맥북에어랑 아이패드1을 가방에 넣고 다니니까 어깨가 빠질것같이 무거워지는 느낌까지 받았다. 그래서 점점 아이패드는 내손을 떠나게 되었다.
그러던 와중에 아이패드 미니의 루머가 슬슬 나왔고 난 발매되자마자 32G 화이트 3G+Wifi 모델을 예약해버렸지… 그러던 와중에 이전 회사의 아는 사람 이번 아이패드는 블랙간지라며, 블랙을 사야한다고 했고, 난 빨리가지고 싶은 마음에 3G모델을 포기하기에 이르렀다. 3G는 생각보다 유용하다. 아이폰의 테터링을 이용해 사용 할 수 있다지만 번거로운걸 싫어하는 나에게는 절대적인 가치를 지녔다. 이전 아이패드도 데이터 쉐어링 유심을 꼽아서 사용했으니까… 하지만 블랙을 보자마자 그냥 사버렸다.  참고로 SKT 의 LTE요금제는 데이터 쉐어링이 없다더라 뭐이런 개같은 경우가 있나 싶었지만 한편으로는 아 다행이다라고 생각하기도….

이제 지하철에서 한참을 들고 있어도 팔이 뻐근해지지 않는다.
캠핑가서 읽겠다는 의지로 뉴스가판대에서 네셔널 지오그라픽 한국판 1년 구독도 했다. 다른 무료 잡지들도 다운로드를 받았다. 콘텐츠도 있겠다. 이제 정말 유용해진다. 에어는 두고 다녀도 아이패드는 꼭 들고 다니게 된다.

그러나 아이패드 미니를 사면서 한가지 단점이 생겼다. 내 백팩이 공간이 너무 남아서 뭔가를 채우고 싶다는것.

세상이 계속 너무 좋아진다.

근황

  • 카톡을 지우니 지인들이 욕한다. 이 씁슬한 기분 매우 좋다.
  • 면허를 드디어 땄다. 회사동료와 누가 먼저 따나 내기 했는데, 내가 이겼다. 내기에 걸린것은 고기였다. 언제 먹지?
    면허증 사진 G20 출입증과 함께 있다.
  • 차를 샀다. 뭐 별로 필요도 없었고, 주차 공간도 문제였지만, 운전 연습을 할 기회가 없을것 같아 “연수 받을 바에 차를 사자!” 하고 사버렸다. 차의 이름은 “듀빠방이”다.
    듀빠방이 점검중이다.
  • 잠시 아는 동생이 우리집에서 같이 지내기로 했다.
    같이 살게 된 친구와의 문자 내용
  • 블로그에 맛집 카테고리를 추가 할까 한다.
    맛집 블로거로 다시 태어날 재료들이다.
    이 블로그는 조만간 맛집 블로그로 다시 태어난다.
  • 애써 살찐거 빼지 말자 ㅆㅂ

iPhone social app 정리 해따

카카오톡의 무시무시한 친구 확장 능력으로 인해 잘 모르는 사람까지도 친구 추천을 받고 그래서 카카오톡을 지워버렸다. (개인적인 시기가 안 좋긴 한데.. 뭐 그 이유는 아니니) 더불어 잘 쓰지 않는 라인이나 테스트 용도로 설치한 밴드도 모조리 삭제! 트위터를 모바일에서 보지 않으므로 그것도 삭제!

연락하고 싶으면 전화 하던가 문자 하던가…

그게 좀 그렇다 싶으면 그 사람에게 난 딱 그 정도 사람인거!

닥치고 웹 표준