웹 표준, 웹 접근성, 웹 호환성

🤔 웹 표준? 🤔 웹 접근성? 🤔 웹 호환성?

웹 표준과 웹 접근성 웹 호환성 이 세 가지가 웹 개발의 핵심 원칙이라 한다.

그러면 이 세 가지에 대해서 잘 알아야 하겠지만, 내 머리에 다 들어가지.... 않기 때문에!

내 머릿속에 간단히라도 담기 위해서 글 작성을 해본다.

---

😳 웹 표준 (Web Standards)이란?

👉 언어와 기술의 일관성을 위한 웹 표준
👉 웹 표준은 웹 페이지를 구성하는 HTML, CSS, JavaScript 등의 언어와 기술을 표준화하는 규칙과 지침의 집합이다.
👉 모든 브라우저에서 동일한 방식으로 해석하고 표시할 수 있도록 한 것을 말한다.
👉 한마디로! 웹에서 지켜야 하는 표준적인 규칙

 

🤔 왜 웹 표준을 준수해야 하는 걸까? 

 👉 크로스 브라우징 호환성 

사용자들이 어떤 브라우저를 사용하더라도 같은 내용을 확인할 수 있어 크로스 브라우징 이슈를 최소화하고 더 많은 사용자들에게 원활한 경험을 제공할 수 있게 된다.

 

👉 SEO향상

 검색 엔진이 웹 페이지의 구조와 내용을 더 정확하게 인식할 수 있다. 

 

 👉 개발과 유지 보수 효율성 증대

 웹 표준을 준수한 코드는 구조화가 되어 가독성이 높아지기 때문에 개발자가 코드를 더 쉽게 이해하고 수정하며, 코드 유지 보수 비용이 감소한다.

 

 👉 사용자 경험 개선

 웹 사이트가 다양한 환경에서 일관성 있게 작동하기 때문에 모바일 기기나 웹 사이트 보조기술을 사용하는 사용자들도 웹 사이트를 편리하게 이용할 수 있다.

 

 👉 기술적 미래 지향적 개발

 최신 웹 기술의 적용이 쉬워져서 새로운 기술을 쉽게 통합하고 활용할 수 있게 된다.

 

 👉 법적 및 윤리적 요구 사항 충족

 웹 접근성과 같은 법적 요구 사항을 준수하는데 도움을 준다. 장애를 가진 사용자들을 포함하여 모든 사용자에게 동등한 접근 기회를 제공하는데 기여한다.

 

😳 웹 접근성 (Web Accessibility)이란?

🌀 모든 사용자를 고려한 웹 접근성
  👉 웹 접근성은 장애를 가진 사용자부터 고령자까지 신체적, 환경적 조건에 관계없이 웹 사이트를 통해 정보에 접근하고 이용할 수 있도록 하는 것을 말한다.
  👉 웹 접근성 준수는 모든 사용자가 웹 콘텐츠에 동등한 접근 권리를 갖도록 보장하고, 사회적 책임과 법적 요구사항을 충족시키기 위한 중요한 요소이다.
  => 웹 사이트는 웹 브라우징에 쓰이는 보조과학기술(스크린리더, 화면 돋보기, 음성 인식 등)을 고려하여 설계되어야 함

 

🤔 웹 접근성의 중요성? 

 👉 모두를 포용하는 웹 경험 

웹 접근성을 준수하면 장애에 상관없이 모든 사람들이 웹 사이트를 이용할 수 있다.

 

 👉 법적 및 윤리적 준수

법적 요구 사항을 준수하고 모든 사용자에게 공정한 접근 기회를 제공하는 데 도움이 된다.

 

 👉 SEO 향상

웹 접근성을 고려한 사이트는 검색 엔진 최적화에 유리하다.

포커스 관리, 색상 대비, 점진적 향상, 폼 관련 향상

 

🤔 웹 접근성 준수 방법은? 

 👉 시맨틱 마크업 사용

 👉 이미지에 대체 텍스트 제공(alt속성에 텍스트 제공)

 👉 명확한 색상 대비(텍스트와 배경 색상 간의 명도 대비 충분히 확보)

 👉 키보드 접근성 보장(키보드만 사용해서도 접근하고 조작할 수 있도록 해야 함)

 👉 자막 및 수화자 표시

 👉 폼 요소의 명확한 레이블(어떤 정보를 입력해야 하는지 이해할 수 있도록 해줘야 함)

 👉 테스트와 검증(다양한 보조기술과 브라우저를 사용해서 테스트를 해봐야 함)

 

😳 웹 호환성 (Cross Browsing)이란?

🌀 다양한 환경에서 일관된 경험하는 웹 호환성
  👉 웹 호환성은 다양한 브라우저, 기기에서 웹 사이트에 접근할 수 있는 것을 말한다.
  👉 브라우저의 종류와 버전, 다양한 디바이스의 크기와 해상도 등을 고려해서 웹 사이트를 개발하고 테스트하는 것이 중요.
  👉 웹 호환성을 고려한 개발은 사용자들이 어떤 기기나 브라우저를 사용하더라도 일관된 경험을 제공하며, 사용성을 향상시킨다.

 

🤔 웹 호환성의 중요성?

 👉 주요 웹 브라우저와 기기의 다양성으로 인해 웹 호환성을 고려하지 않으면 일부 사용자들은 사이트의 정상적인 이용을 제한받게 될 수 있다. 다양한 환경에서 사용자 경험과 접근성을 향상시키기 위해 웹 호환성은 고려되어야 한다.

 

🤔 웹 호환성 향상을 위한 방법?

 👉 웹 표준 준수

 👉 반응형 디자인 적용

 👉 브라우저 호환성 테스트

 👉 웹 호환성 테스트 도구 활용

 👉 CSS 프레임워크 사용

 👉 이미지 최적화

---

 

🌞 웹 표준, 웹 접근성, 웹 호환성들을 준수하는 것은 지속적인 노력과 학습이 필요하다.

하지만, 다양한 사용자들에게 일관된 웹 경험을 제공하는 데 매우 중요한 역할을 하기 때문에 노력하는 것도 나쁘지 않은 걸로..🌞 

 

참고:

https://codingfirst.kr/253/

http://www.smartebiz.kr/new/subpage02_02.html