지난 2년 동안 세상은 온라인으로 바뀌었습니다. 그 결과, 이제 더 많은 사람들이 업무, 엔터테인먼트 및 커뮤니케이션의 주요 소스로 웹을 사용하고 있습니다. 21세기의 첫 10년 동안의 웹 디자인은 웹을 대담하고 눈길을 끌며 다채롭고 독특하게 만드는 데 중점을 두었습니다. 밝은 색상 팔레트, 스크롤 애니메이션, 완전한 데스크탑 지향 디스플레이가 대세였지만 2000년대로 넘어가면서 접근성이 중심이 되었습니다. 이후 경제 성장은 온라인 서비스로 크게 옮겨갔고 전통적인 대면 비즈니스 구조가 초래한 환경 파괴가 빛을 발하고 있다. ???????? 이전에는 볼 수 없었던 숫자로, 특히 취약한 자녀나 가족이 있는 사람들에게 재택 근무가 더욱 시급합니다. 단순성, 미니멀리즘, 개인화 및 사용 용이성은 이제 모바일과 데스크톱 모두에서 잘 작동하고 사용자가 웹사이트에 머물게 하고 현대적인 접근성 법률 을 준수하여 회사를 법적 문제로부터 보호하는 웹 사이트를 디자인하는 데 핵심입니다. 지피를 통해 포괄적인 웹 디자인이란 무엇입니까? 포용적 웹 디자인이 비즈니스 성장에 긍정적인 영향을 미치는 5가지 주요 이유 포괄적인 웹 디자인의 미래는 어떤 모습일까요? 중요 공개: 우리는 이 가이드에 언급된 일부 도구의 계열사임을 자랑스럽게 생각합니다. 제휴 링크를 클릭한 후 구매를 하면 추가 비용 없이 소액의 수수료가 발생합니다(추가 비용 없음). 자세한 내용은 제휴사 공개 를 참조하십시오 . 포괄적인 웹 디자인이란 무엇입니까? 포괄적인 웹 디자인은 접근성 및 포괄성 이라는 두 가지 주요 이상에 관한 것 입니다. 오늘날 현대 웹사이트는 선택한 플랫폼에서 웹사이트에 액세스할 수 있을 뿐만 아니라 다양한 입력 스타일을 통해 온라인 포털 을 이해하고 쉽게 탐색하고 상호 작용할 수 있는 가장 광범위한 사람들을 제공합니다. 여기서 UX와 UI의 섬세한 균형이 핵심적인 역할을 하며, 이러한 전체론적 접근 방식을 취하는 것은 모든 커뮤니티, 연령 그룹 또는 지식 수준의 구성원이 가장 기본적인 서비스에서 필요한 것을 얻을 수 있도록 하는 것이 중요합니다. 모든 인구 통계, 장애 또는 장애가 있는 사람을 포함하는 것은 고객 만족과 고객 서비스에 중요한 역할을 합니다. 다음을 포함하여 사회에서 흔히 볼 수 있는 장애의 전체 범위 를 고려하는 것이 중요합니다 . 시각 장애 청각적 한계 운동 기능 능력 인지 인식 음성 탐색 필수품 포용 이니셔티브와 포용 디자인은 공공 부문 기업 문화에서 권장될 뿐만 아니라 많은 경우 정부 후원입니다. US Access Board 는 광범위한 장애가 있는 사람들이 전자 및 정보 기술(EIT) 및 정보 통신 기술(ICT)에 액세스할 수 있도록 요구 하는 지침 을 작성 했습니다. 포괄적인 디자인의 예는 쉬운 키보드 탐색에서 청각 탐색이 필요한 사용자를 위한 이미지의 대체 텍스트에 이르기까지 모든 곳에서 볼 수 있습니다. 이러한 노력 및 기타 포함 노력에는 다음이 포함될 수 있습니다. 확장 가능한 텍스트 최소한의 시각 효과 키보드로 탐색 가청 대체 텍스트 색상 대비 시맨틱 HTML 정확한 링크 확장 가능한 텍스트 시각 장애가 있는 사람들에게는 웹사이트의 형태를 변경하지 않고 웹사이트의 텍스트 크기를 변경할 수 있는 기능이 매우 중요합니다. 일반적으로 여기에는 콘텐츠 또는 요소 텍스트의 최대 200% 크기 증가 가 포함 되어야 하며 기능은 웹사이트 상단 또는 하단에서 쉽게 볼 수 있거나 단순히 브라우저에 통합되어야 합니다. 최소한의 시각 효과 간단한 애니메이션을 통해 쉽게 탐색할 수 있으며 독자가 콘텐츠에 특별한 초점을 맞출 수 있습니다. ???????? 청각 장애가 있는 분들을 위한 시각 애니메이션도 추천합니다. 예를 들어 깜박이는 색상은 권장하지 않지만 애니메이션 이미지 갤러리, 웹 페이지 내 스크롤 가능한 요소 및 압도적일 수 있는 기타 시각적 효과는 필요한 경우 제거하는 방법과 함께 드물게 사용해야 합니다. 사용자에게 포괄적인 경험을 제공하는 오늘날 사용되는 일반적인 방법 중 하나는 사용자가 선택하는 경우 시각적 요소를 제거하거나 최소화하는 간단한 "x" (이스케이프) 버튼입니다. 키보드로 탐색 웹에 존재하는 보다 기본적인 접근성 수단 중 하나는 다양한 운동 장애가 있는 사람들 이 터치패드나 마우스와 같은 정밀 입력 장치 없이 웹사이트를 운영하는 데 크게 도움이 되는 키보드 탐색입니다 . 탭, 엔터 및 스페이스 키를 사용하여 키보드 사용자는 큰 어려움 없이 중요한 텍스트 부분이나 탐색 링크로 이동할 수 있어야 합니다. 여기에서 내비게이션은 장애인에게 중요한 부분이 됩니다. 예를 들어 " 콘텐츠로 건너뛰기 " 또는 " 계속 읽기 " 와 같은 버튼을 포함 하여 사이트에 진정으로 액세스할 수 있도록 하십시오. 이에 대한 또 다른 좋은 설명은 아래 유명 디자이너의 Instagram 게시물에서 볼 수 있습니다. 가청 대체 텍스트 대체 텍스트는 웹사이트의 시각적 요소에 할당된 텍스트로, 수반되는 텍스트 본문에 시각적 도움을 제공하는 가장 일반적으로 사진의 정적인 그림입니다. 화면 판독기는 대체 텍스트를 사용하여 시각 장애가 있거나 시각 장애가 있는 사용자에게 이미지가 무엇인지 청각적으로 설명할 수 있습니다. 좋은 대체 텍스트는 구체적이고 간결해야 하며 '~의 이미지' 또는 ' ~ 의 그림' 대신 ' 헤드샷 ' 또는 ' 일러스트 '와 같은 단어로 시작해야 합니다 . 텍스트가 이미지의 일부이고 브랜드 그래픽이나 페이지 구분선과 같은 장식적인 시각 자료에 없는 경우 텍스트를 포함합니다. 가청 텍스트 또는 화면 판독기는 읽기를 배우지 못한 어린이에게 도움이 될 수 있으며 장애가 있는 어린이를 위한 장애 통합 교육 을 준수하는 데 도움이 될 수 있습니다. 온라인 교육 서비스는 이미 불우한 학생들을 돕기 위해 최선을 다하고 있으며 학생들이 가능한 한 최상의 방법으로 포괄적인 접근과 학습을 할 수 있도록 진화하는 조치를 마련하고 있습니다. 가청 대체 텍스트 의 사용은 다양한 학습 조건, 인지 다양성 등을 고려하는 통합 교육을 위한 그러한 방법 중 하나입니다. 색상 대비 웹사이트의 색상 대비는 일반 사용자 경험에 중요할 뿐만 아니라 색맹 또는 기타 시각 장애가 있는 사용자에게도 중요합니다. 이것은 가장 일반적으로 텍스트 뒤에 있는 색상과 너무 유사한 색상으로 인해 읽기 어려운 텍스트에서 발생합니다. 이를 대비 오류 라고 하며 4.5:1 이하 의 색상 대비 비율을 준수 하고 색상 대비 검사기를 통해 웹사이트를 실행하면 쉽게 피할 수 있습니다. 명심해야 할 또 다른 사항은 COVID-19 팬데믹 이후 스크린 타임이 그 어느 때보다 높다는 것입니다. 사람들은 기본 서비스, 필수 서비스, 금융 서비스, 직원 리소스 서비스, 교육 서비스 및 온라인 리소스를 위해 그 어느 때보다 많은 양으로 웹을 사용하고 있습니다. 따라서 온라인 포용성 과 웹사이트에서 색상을 사용하여 정보를 전달하는 방식 에 더욱 집중하는 것이 중요합니다. . 청중의 눈 피로를 염두에 두십시오! 시맨틱 HTML HTML은 인터넷과 온라인 서비스의 언어일 뿐만 아니라 각 요소가 웹사이트와 독자를 위해 무엇을 하는지 알려줌으로써 접근성 소프트웨어를 돕습니다. 여기에는 다음이 포함됩니다. H-태그 단락 태그

앵커 링크 또는 으로 표시된 중요 텍스트