WSConf. Seoul 2016 잡담

WSConf.는 Web Standards Conference의 줄임말입니다. 웹 표준 중심의 컨퍼런스라는 것입니다. 그 중에서도 HTML, CSS, 웹 접근성(Web Accessibility)을 주 키워드로 삼으려고 합니다. 즉, 지금 우리가 가장 많이 하고 있는 업무를 공유해보자는 것이었습니다. 웹 제작의 기본인 HTML, CSS, 웹 접근성은 표준을 정확히 이해하고 올바르게 사용해야 합니다. 많은 개발자들이 현업에서 다양한 개발 노하우를 바탕으로 개발하고 있지만 교류하기는 어렵습니다. 다양한 개발툴들을 사용하지만 효율적인 사용법은 잘 모르는 것 같습니다. Gulp와 Grunt가 유행이라고 해서 공부를 해보지만 어떻게 활용해야하는지 막막할 때가 있습니다. react가 짱이라고 하는데 당장 모바일 웹 버그 해결하기도 어렵습니다. 그래서 UI개발자들의 가장 현실적인 내용들로 컨퍼런스를 만들기로 한 것입니다. 물론 당장은 아니지만 추후에는 Front-End 실무 기술들에 대해 조금씩 범위를 […]

WAI-ARIA 단상 1

2016 정보접근성 기술 컨퍼런스를 다녀왔다. 역시 예상대로 엄청나게 많은 사람들이 북적북적. 접수하면서 받은 자료집은 정부행사에서 볼 수 없었던 표지 디자인과 종이 품질 등 고퀄리티였다. 무려 컬러인쇄! 최근 판교에서 사내교육으로 WAI-ARIA로 강의를 했던터라 공부 좀 더할겸 오전 세션에 집중했다. 밝힐 수는 없지만, 어둠의 경로로 ‘예제로 살펴보는 WAI-ARIA”를 미리 봤었는데 몇가지 우려사항이 있었기 때문에 질문도 준비하고 갔었다. 하지만, 시간이 촉박해서인지 질문 시간은 주어지지 않았다.

Sublime Text에서 CSS 작업시 콜론 뒤에 자동으로 생기는 공간 없애기

Sublime Text의 CSS 속성 뒤의 공간에 대한 Sublime Text의 기본적인 처리방법은 아래와 같이 속성(property)을 자동완성에서 선택하면 콜론(:)뒤에 한 칸 여백이 생깁니다. 저희 회사는 이 여백을 사용하지 않고 있습니다. 어떤 분은 실서버에 반영할 때 자동으로 날리면 된다고 하시는 분들도 있지만, 저희는 아직 그런거 안합니다. 어쨌든 계속 신경쓰여서 혹시나 하고 검색해봤더니 여러 방법들이 있었습니다. PackageResourceViewer라는 플러그인을 설치하고 수정하는 방법도 있지만, 윈도우즈 탐색기를 통해서 접근하는게 더 쉽습니다. 단, 기본적으로 ‘폴더 옵션’에서 ‘숨김 파일, 폴더 및 드라이브 표시’가 설정되어 있어야 합니다. 위 경로대로 가면 css_completions.py라는 파일이 있고, 이를 에디터에서 열면 190번째 […]

워드프레스로 웹 접근성 칭찬받기

얼마전 한국 워드프레스 사용자 모임에서 진행하는 ‘워드프레스 미트업 서울 2015‘에 참가하였습니다. 나름 오랫동안 워드프레스를 사용해오고 있지만, 막연하게 워드프레스가 웹 접근성을 상당히 고려하고 있다고만 알고 있었습니다. 하지만, 상당한 공헌자들의 노력들이 있었기에 가능한 일이었습니다. 노력의 질과 양을 보면서 많은걸 깨닫게 되는 계기가 되었습니다. 우선 워드프레스는 코어 뿐만 아니라 테마, 플러그인 등 전반적으로 웹 접근성을 높히기 위한 노력을 하고 있었습니다. 워드프레스 자체적으로 다양한 분야에 공헌할 수 있는 기회가 주어지는데, 접근성 또한 포함되어 있습니다. 특히, Accessibility Testing의 경우 배울 점들이 많았습니다. 체크리스트를 기반으로 각종 코어, 테마, 플러그인 등을 테스트하고 […]

[다와 Vol.5] 표(테이블)와 웹 접근성

어떻게 보면, 이번 다섯번째 ‘다와’가 가장 ‘다와’가 지향하는 ‘다와’가 아닌가 합니다. 전문가, 사용자, 개발자 이렇게 3개의 축을 중심으로 관객들과 소통하고 더 나은 방식을 토론하고 공감하는 그런 모습이 이번에는 조금 표출이 된 것 같습니다. 이번 다와는 크게 3개의 세션으로 구성되었습니다. 첫번째 세션에서는 표와 관련된 표준 스펙을 중심으로 토론과 공유를 하였습니다. 무엇보다 ‘표(테이블)’란 무엇인지, ‘데이터’란 무엇인지, 요소(element)의 올바른 사용법은 어떤 것인지 살펴볼 수 있는 시간이었습니다. 두번째 세션에서는 개발자의 지식과 감으로 만들어진 표가 사용자들에게는 어떤 식으로 (음성)출력되는지, 개발자의 지식과 보조기술이 얼마나 차이가 있는지 직접 시연해보는 시간이었습니다. 충격적인 결과도 […]