이번에 소개할 포트폴리오는 그린컴퓨터아트학원 웹퍼블리셔 계좌제 과정 마지막에 학원에서 권고하는 가이드라인에 맞춰서 만들어진 포트폴리오입니다.


강사님의 권고사항으로는 주제를 그냥 막 고르면 취업 안된다고 말하더랍니다. 특히 포트폴리오로 자기 자신 또는 가족을 소개하는 개인홈페이지를 만드는 경우가 많은데, 좋지 않은 주제라고 말했습니다.(저도 개인적인 주제로 포트폴리오 만든 적이 있는데 반성해야... ㅠㅠ) 학원에서 정한 기준에 따르면 다음과 같습니다.


1. 회사 홈페이지가 좋다. 왜냐하면 웹에이전시나 일반회사 모두 웹디자이너 또는 웹퍼블리셔 직군으로 취업하고 나면 회사 홈페이지를 주로 만들게 된다. 따라서 실제 업무와 연관시키기 좋다.


2. 재단, 후원단체 등의 홈페이지도 좋은 주제다. 특히 이 경우 사회를 이롭게 하는 단체의 홈페이지를 만드는 것이므로 '웹 접근성'이라는 주제와 잘 들어맞는다. 왜냐하면 웹 접근성이라는것 자체가 사회적 약자도 이용할 수 있는 홈페이지의 의미를 가지고 있기 때문이다. 특히 장애인과 관련된 단체라면 '장애인 웹 접근성'의 의미를 부각시키기 좋다. 다만 디자인적인 우월성을 어필하기 어려운 것이 이 주제를 선택하는 것의 단점이다.


3. 미술, 공연, 자동차 등의 테마를 가진 주제도 좋은 주제다.


4. 영화, 쇼핑몰은 하지마라. 이 분야의 홈페이지들은 웹 접근성과 관련된 논란이 많고, 따라서 웹 접근성을 지킨다는 의미가 없게 될 가능성이 높다.


5. 반사회적인 주제, 정치, 종교는 상식적으로 하면 안된다.


6. 고궁, 박물관 등 전통적인 것을 주제로 한 홈페이지는 좋지 않은 주제다. 왜냐하면 이런 홈페이지는 주제를 부각시키면서도 세련된 디자인을 뽑아내려면 디자인적인 내공이 굉장한 수준이어야 하는데, 현실적으로 그런 경지에 오른 사람은 매우 드물다.




또한 없는 회사를 지어내서 만드는 것보다는 기존에 있는 회사의 홈페이지를 만드는 것이 더 낫다고 말했습니다. 왜냐하면 없는 회사를 지어낼 경우 로고 만드는 것 ,콘텐츠를 구상해서 설계하는 것 등 웹디자인, 웹퍼블리싱 분야와는 별로 관련없는 일까지 해야하는 경우가 많기 때문이라는 말이 있었습니다.


또한 인지도 없는 회사보다는 많이 알려진 회사가 좋고, 기존 홈페이지를 봤을 때 문제가 많은 홈페이지를 고르는 것이 좋다고 말했습니다. 왜냐하면 기존 홈페이지가 이미 아주 잘 만들어져 있는 경우라면 입사담당자가 포트폴리오를 확인할 때 기존 홈페이지와 비교하면서 안좋은 평가를 내리게 될 가능성이 높다는 이유 때문이었습니다.






저는 결론적으로 말해서 2번 카테고리에 해당되는 주제를 골랐습니다. 수원굿윌스토어라는 곳인데, 아름다운가게처럼 중고물품을 기증받아 팔아서 그 수익으로 좋은일 하는 사회적기업입니다. 다만 아름다운가게는 수익을 주로 복지, 사회활동에 쓰는 반면 굿윌스토어는 수익을 장애인 고용과 취업지원에 사용합니다. 굿윌스토어는 장애인에게 일회성 자선이 아닌 자립을 지원하는 곳으로써 굿윌스토어의 홈페이지는 장애인의 접속률이 높을 것으로 예상됩니다. 따라서 장애인 웹 접근성과 연관짓기 좋은 주제라는 것을 알 수 있습니다.


수원굿윌스토어 홈페이지는 다음과 같습니다.


http://goodwillsuwon.com/




사실 수원굿윌스토어 홈페이지는 디자인적으로 아주 잘만들어지진 않았지만, 컨텐츠에 대한 구조 설계를 상당히 잘했다는 점에서는 높이 평가할 만합니다. 하지만 웹 접근성의 관점에서는 문제가 많은 홈페이지입니다.




1. 레이아웃 요소로 table 태그 사용






표로 들어갈만한 데이터의 의미를 가진 것이 아닌 홈페이지의 디자인 레이아웃을 위해 table 태그를 쓰는 것은 장애인 웹 접근성 위반입니다. 왜냐하면 이런 경우 시각장애인이 홈페이지의 내용을 파악하기가 매우 어려워지기 때문입니다.




2. 메뉴 부분이 flash로 되어 있습니다.





이 경우도 접근성이 잘 지켜지지 않았다고 할 수 있습니다. 원래 flash를 메뉴에 쓰는 것 자체가 접근성 위반일 뿐 아니라, 위 캡쳐와 같이 flash를 볼 수 없는 경우에는 홈페이지의 각 메뉴에 접근하는 것 자체가 불가능해지므로 일반 사용자의 관점에서도 불편함을 초래할 수 있습니다.




3. 이미지의 alt 속성 미정의





img 태그에 alt 속성을 넣지 않은 것은 무조건 장애인 웹 접근성 위반입니다. 의미없는 이미지라면 alt 속성을 안넣는게 아니라 빈 alt 속성을 넣어야 합니다. 대체텍스트가 없는 이미지의 경우 스크린리더기가 제대로 읽지 못하므로 시각장애인이 내용을 확인하는 것이 어렵습니다. 접근성 문제는 아니지만 대체텍스트가 없는 경우 검색엔진에서도 내용을 파악하지 못하므로 홈페이지가 검색엔진에 노출되지 못하여 상업적인 관점에서 문제가 발생하기도 합니다. alt속성을 넣지 않는 것은 여러모로 좋지 않은 방법이라는 이야기입니다.




4. DTD선언, 주언어 표시가 되어 있지 않습니다.





DTD 선언은 장애인 보조기기가 문서를 읽어들이는 데 중요한 기준입니다. 왜냐하면 html 버전마다 태그의 사용법이 조금씩 다르기 때문에 경우에 따라 다르게 읽어들여야 하기 때문입니다. 학원에서는 DTD 선언 여부가 웹 접근성에서 가장 중요하다고 강조하는데, 그렇게까지 중요한지는 잘 모르겠지만 어쨌든 중요하긴 합니다. 또한 주언어 표시가 되어 있지 않은 경우 장애인 보조기기가 한글을 인식하지 못할 가능성이 있으므로 이 부분도 중요합니다.




5. tab 사용시 초점을 잃어버립니다.





tab 사용시 초점을 잃어버리는 홈페이지는 마우스를 사용하지 못하는 지체장애인이 사용하기에 굉장히 불편합니다. 이 현상의 원인은 onfocus="this.blur()" 라는 태그 속성 때문인데, 예전에는 미적인 이유 (옛날 웹브라우저들은 onfocus="this.blur()"가 되어 있지 않은 링크를 클릭하면 자동으로 링크 부분에 점선이 쳐졌는데 디자인적으로 굉장히 보기 안좋았었습니다.) 로 많이 사용되었지만, 요즘 브라우저들은 이 문제가 개선되기도 했을 뿐더러, 웹 접근성의 관점에서 사용해서는 안되는 태그 속성입니다.




또다른 고려사항으로는, 굿윌스토어가 우리나라에서는 비교적 알려지지 않았지만 세계적으로 꽤 유명한 사회적기업입니다. 따라서 자료를 검색했을 때 정보가 많이 나와서 홈페이지를 설계할 때 자료를 파악하고 넣는 것이 용이합니다.(지사인 수원굿윌스토어에 대한 자료가 상대적으로 많지 않다는게 함정입니다만...) 물론 기존 홈페이지 자체도 컨텐츠가 꽤 많은 편이고 컨텐츠 설계가 잘 되어 있어서 홈페이지를 만드는 데 도움을 줍니다. 글로벌기업은 면접시 자기 자신의 세계적인 식견과 포부를 드러낼 수 있으므로 포트폴리오 주제로 꽤 매력적이라고 생각합니다. 원래 사회적기업에 관심 많았고 한때 사회적경제 블로거 했던 것도 영향이 있었습니다.




여러가지 관점에서 이 주제를 선택하였고, 학원에서도 좋은 선택이라고 이야기하여 최종적으로 결정하였습니다.






댓글을 달아 주세요

  1. 빌노트 2014.12.01 16:36 신고  댓글주소  수정/삭제  댓글쓰기

    참으로 섬세한 글 잘 읽었습니다.
    레이아웃을 테이블로 잡던 시절... 으윽 최악이였죠!
    거기에다 플레시 까지 느려서 속터지고 ㅋ

  2. 레오 ™ 2014.12.01 19:36 신고  댓글주소  수정/삭제  댓글쓰기

    주제는 앞으로 + 확실하게 돈이 되는 것 ..으로 잡아야 할 겁니다
    나머지는 무슨 말인지 몰라 패쑤 ~ ^^;;

    • 책덕후 화영 2014.12.01 20:05 신고  댓글주소  수정/삭제

      그건 회사 운영하는 입장이고 저는 취업을 준비하는 입장이니까 주제 고르는 기준은 조금 달라야 하겠죠...^^; 돈이 되는 주제는 이미 많은 기업들이 진출해 있고 이미 기업들이 선점하지 않은 주제만이 돈이 안되는 주제라고 생각합니다. 즉 경쟁을 각오해야 한다는 소리인데 우리 기업이 다른 기업과 비교하여 어떠한 경쟁력을 가지고 있느냐가 중요하겠죠. 댓글 감사합니다.

  3. 반디, 2014.12.01 22:54 신고  댓글주소  수정/삭제  댓글쓰기

    와 홈페이지를 직접 만드신다니ㅎㅎ 적절한 주제 잘 선택하셔서 다행이에요. 멋진 포트폴리오로 원하시는 곳에 취업 잘 되시길 응원할게요^^

  4. 나화영 2014.12.02 01:44 신고  댓글주소  수정/삭제  댓글쓰기

    댓글 달려지는지 테스트 - 반응형 layout

티스토리 툴바