Blog 본문

공지사항

안녕하세요 이원주 입니다.


다음커뮤니케이션 웹표준기술팀 & 다음서비스 웹표준개발팀은 다룸(Darum)을 통해 웹표준 기술에 대한 내용을 국내 웹 생태계에서 함께 하시는 모든 분들과 정보를 나누고자 합니다.


. Darum(다룸) : Daum + 레퍼런스(R) 의 합성어 ("다루다"의 사전적 의미)


현재 웹은 PC를 넘어 스마트폰, 스마트TV, 태블릿 등 다양한 디바이스에 대응하는 N스크린 시대로 넘어오며 User Interface 혁신이 일어나고 있는 지금.. 웹표준 기술의 중요성은 지속적으로 대두되어왔고 그 가이드 또한 환경에 맞게 변화 하였습니다.


이에 Daum 또한 사내 개발가이드로 구축되어 있는 웹표준가이드 및 웹접근성 가이드를 다룸(Darum)을 통해 세상 밖으로 나오게 하여, 여러분과 함께 소통하려 합니다.


다룸(Darum)의 주요 기능


1. 다룸(Darum)은 총 4개의 메뉴로 구성


1.1. HTML&CSS

웹표준기술의 출발점인 HTML & CSS에 대한 사용 가이드 입니다. 

다음의 제작 방식 뿐만 아니라, 기존에 조금은 놓치고 있었던 기본적인 스펙들에 대해서 자세히 확인 하실 수 있습니다.


1.2. Accessibility

웹 접근성 가이드 입니다. 

웹 접근성이란 무엇인가 부터 다양한 접근성 검사 도구, PC와 Mobile의 접근성 지침 및 다음의 평가방법을 각종 사례를 통해 소개하고 있습니다.

특히 Mobile Web , Mobile App 의 접근성 가이드는 국내 모바일 접근성은 평가방법에 대한 가이드가 부족한 가운데 내부 평가 프로세스 및 방법을 공유함을써 보다 나은 생태계를 함께 만들어 가고자 합니다.


1.3. Snippet

다음에서 사용하는 각종 마크업 데이터를 공유 합니다.

이와함께 CSS 기반 UI Framework 인 Dough 를 오픈소스화 하여 제공 합니다.


1.4. Blog

Daum 웹표준 기술팀과 웹표준 개발팀의 소식 및 팀내에서 공유되고 있는 지식들을 많은 분들과 나누기 위해 제작되었습니다. 



2. 접근성과 사용성에 도움을 주는 여러기능 제공


다룸을 제작하면서 가장 염두하고 작업한 부분이 바로 접근성입니다. 

저시력자, 색각이상자, 고령자 뿐만 아니라, 다룸을 방문하는 모든 분들이 정보를 접하는데 불편함이 없었으면 하는 마음으로 페이지 곳곳에 접근성에 도움이 되는 기능들을 구현하려고 노력했습니다. 




모든 페이지에 접근성을 위한 폰트 사이즈 조절 기능 및 고대비 스킨 작업을 적용하였습니다. 또한 바로가기 링크와 접근성 도구를 페이지 상단에 위치시켜 원하는 컨텐츠, 접근성 도구로 쉽게 이동할 수 있도록 했습니다.


* 고대비 적용 화면




접근성 뿐만 아니라, 사용성을 위해 간편 목차 보기, 프린트 모드, 왼쪽 메뉴 없이 컨텐츠만 보기, 상단으로 이동 버튼 등을 제공하고 있습니다.




3. 반응형 웹 구현


반응형 웹으로 구현되어 모든 플랫폼에서 접근가능하며 웹표준 & 웹접근성 가이드의 정보를 누구나 어떠한 환경에서든 접근 가능하게 제작 되어 있습니다.





Daum 웹표준 기술팀 & 웹표준개발팀은 앞으로 어떻게 세상을 즐겁게 바꿀까란 기분좋은 상상을 하며 더 많이 소통해 나가도록 하겠습니다~~


감사합니다.


- 웹표준 기술팀 & 웹표준 개발팀 일동 -

Posted by darum

전체 댓글

Blog 본문

공지사항

뮤직앱 Lab 

웹 접근성을 생각하다 - 웹표준개발팀 이민재님 Mobile Lab Project 중요도 정보성은 별5개,중요도 실용성은 별5개, 중요도 오락성은 별4개, Active Date는 2013년2월18일, 개발연구원은 다음모바일 생활연구소 개발자 이민재

안녕하세요, 다음 웹표준개발팀에서 일하고 있는 이민재라고 합니다. 저는 저시력자입니다. 작년 5월 다음에 입사했고, 다음에서 제공하는 모든 서비스를 대상으로 접근성 업무를 진행하고 있습니다. 오늘은 여러분들께 시각장애인을 위한 웹접근성에 관한 이야기를 해볼까 합니다.

 

 

 

 

웹접근성, 장애인에게 꼭 필요한 이유

2011년도에 장애인 직업학교에 가게 됐는데, 거기서 처음으로 웹접근성에 대해 알게 됐어요. 장애인들이 웹 정보를 인식하는데 많은 어려움을 겪고 있다는 걸 깨달았죠. 웹접근성이 어렵다는 것 때문에 비장애인과 장애인의 정보 격차가 심화되는 것이 아쉬웠어요. 요즘은 대부분 스마트폰으로 많은 정보도 볼 수 있고 앱 사용을 해야 할 경우도 많은데, 그런 풍부한 컨텐츠를 장애인들이 제대로 사용하지 못하는 게 늘 아쉬웠죠.

현재 국내 앱의 접근성은 아직 발전이 많이 필요합니다. 10개 정도의 앱이 있다면 2~3개는 편하게 사용 가능하지만 나머지는 아직 편하게 접근하기가 쉽지 않죠. 최근에는 모바일 접근성 개념이 좀 대중화되어가고 있어서 그래도 어느 정도의 접근은 가능해졌지만, 앱의 모든 기능을 편하게 사용할 수 있는 측면에서는 아직 조금 부족해요.

 

 웹표준개발팀 이민재님웹이나 모바일의 접근성은 장애인들에게 특히 더욱 중요하답니다.

 

 

함께 개발하는 앱, 더욱 친근하죠

저는 현재 다음 웹표준개발팀에서 웹접근성 업무를 담당하고 있어요. 기본적으로 비장애인 개발자들은 다음에서 제공하는 모든 서비스에 대한 웹표준 개발, 디자인 가이드에 대한 업무를 진행하고 있고, 저는 저시력이기 때문에 공학기기를 통한 다음 서비스 접근성 테스트와 활용 업무를 맡고 있죠. 그리고 현재 다음의 여러 앱 중에서도 시각장애인들이 사용하기에 가장 편리하게 구현된 앱인 iOS 뮤직앱의 보이스오버 대응과 테스트 과정을 거치기도 했습니다. 개발자 입장이면서 동시에 실제 사용자 입장에서 개발에 참여하니 좀 더 색다른 기분이었지요. 

 

다음 뮤직앱 사용 모습제가 직접 테스트해 개발된 뮤직앱, 편리하게 사용할 수 있답니다.

 

 

모두에게 편한 뮤직앱, 전 이렇게 사용해요

저는 평소에 뮤직앱을 출퇴근하면서 자주 이용하는데, 특히 음악감상 컨텐츠를 좋아합니다. 그 중에서도 실시간 차트나 최신 앨범 리스트을 자주 이용하면서 요즘 유행하는 따끈따끈한 음악을 많이 들어요. 이렇게 이용하다 보면, 뮤직앱에서 주로 사용하는 기능인 음성 검색이나 음악 검색 같은 컨텐츠는 정말 이용하기 편하게 기술적으로 구현이 되어 있어요. 그 외에도 이미 검색한 노래 목록을 즐겨찾기에 추가해서 언제든 들을 수 있게 하는 기능도 사용하시기에 더욱 편하실 거고요. 음악 공유 기능도 빼놓을 수 없죠. 이런 기능들을 잘 활용하시면 뮤직앱은 모든 분들이 음악을 편하게 들으실 수 있을 거예요 

 

뮤직앱을 사용하고 계신 이민재님언제 어디서든 편하게 이용할 수 있는 뮤직앱!

 

 

다음의 모든 앱을 편리하게 이용하도록 노력하겠습니다!

다음 뮤직앱의 경우에는 장애인이 사용하기에 아주 편리하게 개발된, 참 모범적인 앱이라고 생각해요. 장애인이 실제로 사용하면서 어려움을 느끼지 않고 곳곳에 편리한 기능이 잘 적용되어 있으니까요. 뮤직앱의 이런 점을 많이 참고하고 모범 사례로 삼아서. 다음의 다른 앱들도 더욱 개발이 됐으면 좋겠어요. 저도 개발자의 입장에서 더욱 노력할 거고요. 모든 사람이 다음의 모든 앱을 편리하게 사용하는 그 날, 머지 않았습니다!

 

 저와 함께 더욱 발전할 다음 뮤직앱, 기대해 주세요!

 

 

뮤직앱 다운로드 언제어디서나 Music on Daum!

아이폰버전 바로가기 go!

안드로이드버전버전 바로가기 go!

QR코드 더욱빠르게 뮤직앱 만나요!

 

 

 

Posted by darum

전체 댓글