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 鈥榯itle鈥� 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鈥檙e 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:听,听