51.ÌýWebpage has multiple title elements or no title element

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:Ìý,Ìý