알씨타운

안녕하세요 알씨타운입니다!😃 그동안 웹 접근성이 무엇인지, 웹 접근성을 지켜야 하는 이유 등에 대해 알아보았아요. 이제 웹 접근성에 부합하지 않고 잘 준수해 웹 사이트를 제작하려면 어떻게 해야할 지 알아 보아요! 웹 접근성 지침은 2015년 3월 31일에 KWCAG2.0에서 KWCAG2.1로 개정 되었습니다. 원칙은 크게 4가지로 구분되어 있으며 각 원칙을 준수하기 위해 13개의 지침과 해당 지침을 잘 지키고 있는 지 확인하기 위해 24개의 검사 항목으로 구성 되어 있습니다. 웹 접근성 지침 준수 4가지 원칙은 1. 인식의 용이성 : 모든 콘텐츠는 사용자가 인식할 수 있어야 한다. 2. 운용의 용이성 : 사용자 인터페이스 구성 요소는 조작 가능하고 내비게이션 할 수 있어야 한다. 3. 이해의 용이성 : ..

반가워요! 알씨타운이에요! 🤗 여러분! 코카콜라하면 무슨 색이 떠오르시나요?? 빨간색이 자동으로 떠오르지 않나요?? 빨간색은 정열, 열정, 사랑 등을 떠오르게 합니다. 색상은 사람들에게 특정한 감정을 연상시키기 때문에 브랜드의 이미지를 함축적으로 표현하기에 가장 효과적이면서도 간단한 방법입니다! 그럴수록 적당한 색상을 골라야하는 디자이너의 고민은 더 커지겠죠! 오늘은 색을 고르는 데 도움을 주는 사이트 5가지를 가져왔습니다! 1. COLORS https://klart.io/colors/ 간단하게 색 조합을 볼 수 있는 사이트입니다! 스페이스바를 누르면 랜덤으로 색상표가 바뀌고 스크롤 다운하면 무한으로 생성됩니다! 쇼핑하듯 쭈욱쭈욱 스크롤 다운하시면서 살펴보시다가 마음에 드는 컬러가 있다면! 해당 팔레트를..

안녕하세요 알씨타운입니다!😃 지난 포스팅에서 웹 접근성은 웹을 이용하는데 있어 장애에 구애 없이, 차별 없이 모든 사람이 접근할 수 있도록 하는 것이라고 말했습니다. 하지만 장애를 갖고 있는 사람마다 장애의 유형과 정도에 따라 모두 다릅니다. 그래서 오늘은 어떠한 장애 유형이 있으며, 각 장애 환경에 따라 어떻게 웹에서 정보를 인식하는지에 대해 알아봅시다! [ 장애 유형 ] ​ ​1 전맹 시각 장애 시각을 통해 화면을 보는 것이, 정보를 인식하는 것이 어려습니다. 그래서 이분들은 주로 청각이나 촉각을 활용해 웹을 이용합니다. 청각적으로는 화면의 텍스트를 음성으로 읽어주는 화면 낭독 프로그램(스크린 리더)을 이용해 웹을 파악할 수 있습니다. 촉각적으로는 점자 정보 단말기를 통해 점자를 손으로 읽으면서 웹 ..

안녕하세요 알씨타운입니다!😃 지난 포스팅에서 웹 접근성은 웹을 이용하는데 있어 장애에 구애 없이, 차별 없이 모든 사람이 접근할 수 있도록 하는 것이라고 말했습니다. 하지만 장애를 갖고 있는 사람마다 장애의 유형과 정도에 따라 모두 다릅니다. 그래서 오늘은 어떠한 장애 유형이 있으며, 각 장애 환경에 따라 어떻게 웹에서 정보를 인식하는지에 대해 알아봅시다! [ 장애 유형 ] ​ ​1 전맹 시각 장애 시각을 통해 화면을 보는 것이, 정보를 인식하는 것이 어려습니다. 그래서 이분들은 주로 청각이나 촉각을 활용해 웹을 이용합니다. 청각적으로는 화면의 텍스트를 음성으로 읽어주는 화면 낭독 프로그램(스크린 리더)을 이용해 웹을 파악할 수 있습니다. 촉각적으로는 점자 정보 단말기를 통해 점자를 손으로 읽으면서 웹 ..

어서 오세요! 알씨타운입니다! 🤗 오늘은 이전 포스팅인 '무료 아이콘 사이트 추천'에서 예고했던 대로 웹 아이콘 폰트 사용법과 font awesome 사이트를 소개해드리려고 합니다! 아이콘 폰트를 사용하고 싶으신 분들 다 모이세요! 1 웹 아이콘 폰트를 사용하는 이유 아이콘을 삽입하는 다른 방법도 많은데 왜 굳이 웹 아이콘 폰트를 사용하느냐! 1. 아이콘 폰트는 폰트 속성이다 아이콘 폰트는 이미지가 아닌 폰트로 적용되기 때문에 이미지를 삽입하는 방법보다 디자인 자유도가 높습니다. css 만으로 변경할 수 있는 요소가 많아요! 2. 이미지 파일보다 용량을 덜 차지한다 용량이 적은만큼 처리 속도 또한 빨라지겠죠?? 3. 벡터 형태로 제공된다 이미지와 달리 아무리 크기를 늘려도 웹 아이콘 폰트는 깨지지 않습니..

안녕하세요! 알씨타운입니다! 저번 포스팅 때 웹 접근성이 무엇인지, 웹 접근성 인증마크가 무엇인지에 대해 알아보았어요. 그렇다면 이 웹 접근성 인증마크를 받기 위해 절차가 어떻게 진행되는지, 또한 접근성 심사를 받기 위해 드는 비용이 얼마나 드는지 자세히 알아보도록 해요~ ​ [ 웹 접근성 심사 절차 ] ​심사 절차는 크게 서면심사와 기술심사로 나뉘며 서면심사는 자가진단 결과 확인과 서류심사로, 기술심사는 전문가 심사와 사용자 심사로 구성됩니다. 1 접수 자가진단도구를 활용하여 10페이지에 대한 가능한 항목 준수율이 95%이상일 경우에만 심사 신청 가능 *** 자가진단도구 사이트 WATCH2.0 | 솔루션 | 정보 접근성 | WebWatch - 웹 접근성 품질인증 No.1 / APP, SW 접근성 인증·..

방문해주셔서 감사해요! 알씨타운입니다 🤗 최근 플랫 디자인이 유행을 하면서 함께 중요성이 대두되고 있는 아이콘! 아이콘 선의 두께는 어떻게 할 지 아이콘 색은 어떻게 할 지 모서리를 둥글게 할지 각지게 할지에 따라 이미지가 확확 바뀌곤 하는데요! 오늘 알려드릴 사이트들은 아이콘 제작을 따로 하지 않고도 쉽게 사용할 수 있는 무료 아이콘 사이트입니다! 1. Flaticon Flaticon, the largest database of free vector icons Download all icons in SVG, PSD, PNG, EPS format or as webfonts www.flaticon.com 선으로 된 심플한 아이콘부터 색깔이 들어간 아기자기한 아이콘까지! 다양한 아이콘을 보유하고 있는 fla..

반가워요! 알씨타운이에요~ 😆 여러분들은 디자인을 시작할 때 어떤 고민들을 하시나요? 포인트컬러는 뭐가 좋을 지 폰트 크기는 어느정도가 적절할지 등등 신경써야할 부분이 한두가지가 아니죠! 그 중 이미지를 선정하는 것도 빠질 수 없는 일입니다! 요즘엔 일러스트를 직접 제작하여 디자인하거나 컬러와 폰트만으로 디자인을 하는 분들도 많이 늘었지만 여전히 이미지의 중요성은 배제할 수 없는데요! 오늘은 그러한 이미지들을 한데 모아놓은! 상업적으로 사용해도 안전한 이미지를 제공하는 사이트들을 소개해볼까 합니다 😁 시작해봅시다! 1. PicJumbo picjumbo: Free Stock Photos Free stock photos and images for your projects and websites.️ Beaut..