51. Webpage has multiple title elements or no title element

2.4.2

title incorrect example

Description: Webpages should have a single title. It is incorrect for a webpage to either have no title or to have multiple titles. The first thing a screen reader encounters when the web page has loaded is the text within the ‘title’ attribute. If the title does not describe what is on the page, you are making it very difficult for users who rely on HTML mark up to determine what page they’re on. You could also think of a search engine as a visually impaired user of your site, who may be put off pages on your site if the title does not relate to the content.

Context: All pages require a page title, images cannot be used as a reliable substitute for title elements for screen readers.

<head></head>    
                                
<a href="https://www.facebook.com/School-of-Pacific-and-Asian-Studies-176016605778884/" style>
     <img src="http://manoa.hawaii.edu/spas/wp-content/themes/sld/images/facebook.jpg" style="margin-left: 12px;">
</a>

How to fix it: The web page needs to have exactly one title describing the topic of the page. If the page contains no title tag add one. If the page contains more than one title tag remove extra title tags in the code. Make sure the main title describes the topic of the page.

<head>
    <title>School of Pacific and Asian Studies</title>                                   
</head>
                               
<a href="https://www.facebook.com/School-of-Pacific-and-Asian-Studies-176016605778884/" style>
    <img src="http://manoa.hawaii.edu/spas/wp-content/themes/sld/images/facebook.jpg" style="margin-left: 12px;">
</a>

Techniques: G88H25