본문 바로가기

웹접근성지침(WCAG2.0)

[웹접근성 지침-일반기술 G127] 웹 페이지가 속해 있는 홈페이지 내의 다른 웹페이지와 관계를 식별하기

728x90

원문 : https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G127.html

 

기술설명

이 기술의 목적은 웹 페이지가 속해 있는 홈페이지 내의 다른 웹 페이지와의 관계를 구별 할 수 있게 하기 위한 것입니다.

프로그램을 방식을 이용하여 식별하게 할 수도 있습니다. 예를 들어 HTML에서 linkrel 속성을 이용하여 문서와의 관계를 지정하기도 합니다. 다른 방법으로는 웹 페이지의 타이틀(<title>)에 관련 정보를 포함하는 것입니다.

 

 

예시

[예시1] 웹 페이지의 제목에 하위 사이트의 이름을 포함시키는 방법.

어떤 홈페이지가 다양한 기술과 사용방법 및 참고자료를 다루고 있습니다.

각 웹 페이지의 제목(<title>요소)에는 하위 사이트의 이름과 사이트를 제작한 조직의 정보가 포함되어 있습니다.

 

[예시2] 메타데이터(metadata)에서 식별할 수 있는 정보를 제공하는 방법.

웹페이지 안에 모든 문서를 모음으로 식별할 수 있는 메타데이터가 포함되어 있습니다.

이 메타데이터는 모음을 통해 문서의 위치를 식별하고 목차에 대한 참조 내용을 제공합니다.

 

[예시3] 온라인 교과서의 장.

온라인 교과서가 있습니다. 교과서는 장단위로 나누어져 있습니다.

각 웹페이지의 제목에는 장의 번호와 제목, 교과서의 이름이 포함되어 있습니다.

 

 

관련기술

G65: 이동경로 추적 제공

G88: 웹 페이지에 대한 설명적 제목 제공

 

 

점검절차

1. 웹 페이지의 제목에 해당 웹  페이지가 속한 홈페이지와의 관계를 설명하고 있는지 확인합니다.

2. 웹 페이지가 속한 홈페이지의 다른 웹 페이지와의 관계를 식별하는 정보가 메타데이터로 제공하고 있는지 확인합니다.

 


 

나의  정리

홈페이지는 여러 웹 페이지가 조직도처럼 구성된 것입니다.

그래서 각각의 웹 페이지는 자신이 속한 홈페이지 내에서 어디에 위치해 있는지에 대한 정보를 사용자에게 제공해야 합니다.

이런 정보는 웹페이지의 타이틀(<title>요소)안에 제공하거나 메타데이터(metadata)로 제공되어야 합니다.

*메타데이터 보다는 타이틀에서 제공하는 것을 추천합니다.

 

해당 웹페이지가 속한 홈페이지 내에서 다른 웹페이지와의 관계를 식별하는 정보는 타이틀(<title>요소)이나 메타데이터(metadata)로 제공해야 합니다. 이 정보를 통해 사용자는 홈페이지 안에서 해당 웹 페이지의 위치를 알 수 있게 됩니다.


 

G127: Identifying a Web page's relationship to a larger collection of Web pages

https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G127.html

 

G127: Identifying a Web page's relationship to a larger collection of Web pages | Techniques for WCAG 2.0

The objective of this technique is to enable users to identify the relationship between the current Web page and other Web pages in the same collection (e.g., on the same Web site). In some cases this can be done programmatically—for example by using the

www.w3.org

 


 

독학으로 힘들어 하시는 분들을 위해 과외를 준비 했습니다. 

2024년 11월 한 달간 맞춤형 과외를 할 예정입니다.
입문자 분들의 참여 부탁드립니다.
교육과정은 인터뷰 후에 맞춤으로 진행할 예정입니다. 

참여하기: https://blog.naver.com/redoxup/223601934677

 

[조립]에서 2024년 11월 한 달 무료 과외(HTML/CSS/jQuery)를 합니다. - 과외 신청하세요!!

HTML+CSS+ jQuery(제이쿼리) 입문자 인가요? 웹퍼블리셔, 프런트엔드 개발자, 웹디자이너를 시작해...

blog.naver.com

 

 

 

728x90