[title] 페이지 타이틀 어떻게 읽힐까요?

질문과 답변분류: 01.웹 접근성 일반[title] 페이지 타이틀 어떻게 읽힐까요?
Sun Moo Lim asked 3 년 ago

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml&#8221; lang=”ko” xml:lang=”ko”>
<head> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<meta http-equiv=”X-UA-Compatible” content=”IE=edge” />
<title>사이트명</title>
<script type=”text/javascript” charset=”UTF-8″>
document.title = “진짜 타이틀 ” + document.title;
</script>  
작업 시, 페이지 별 title을 각각 지정한다고 하지만 간혹 이렇게 바꿔 버리는 경우
(ie기준) 눈으로 보기에는 브라우저 tab에는 진짜 타이틀이 출력되지만, 소스 보기에서는 위와 같이 되어 있으니..
1. 실제로 어떻게 음성 출력되는지?
2. 접근성 측면에서 곤란한 경우인지?
o x 보다는 △스런 질문을 드려 봅니다.     

2 Answers
Best Answer
멀더끙 answered 3 년 ago
  1. 실제로 어떻게 음성 출력 되는지?
    • 센스리더 테스트 => “진짜 타이틀 사이트명” 으로 읽어주구요
    • NVDA 테스트 => “진짜 타이틀 사이트명” 으로 읽어주네요
  2. 접근성 측면에서 곤란한 경우인지?
    이건 다른 분께 패스… /=ㅁ=/ ;;;
    다만.. SEO 측면에서는 문제가 있을 수 있지엽…

 

Sun Moo Lim replied 3 년 ago

네, 감사합니다.
음성 출력이 제대로 잘 되는지 궁금했었던 것이 시작이었고,
보여주고/들려줌이 잘 되니 접근성 측면에서 문제는 안 될 것 같네요.
(단지, 1byte라도 용량이 더 나간다는 것 쯤 외에는..)

Jeon Seungyub answered 2 년 ago

위와 같이 페이지 로딩이후에 자바스크립트를 통해 해당 타이틀을 변경 할 경우 리더기에서 문제가 없을 수 있지만 다른 환경에서의 접근(예를 들어 검색엔진)에서는 문제가 생길 수 있습니다.
페이지 타이틀과 같이 페이지에서 중요한 역활을 하는 컨텐츠는 일반적인 방법(직접 넣거나 개발 단에서 작업)으로 작성 하는 것이 좋습니다.