accesskey _ mod _ content

Navigation language and understanding,

The text of the links must clearly indicate for what purpose, content or information that is on the target document. The links "click here ” are not significant and did not describe their destiny.

Whenever possible, given that the links are sufficiently clear when they read outside its context as users of screen readers sailing with the tab liaison skipping link or receiving the list of links of a page, so that if the text was not descriptive will not provide information on its purpose.

If you need any additional information may be added through the title attribute, which will contain all the link text further to this additional information. You may also include any additional information as an unseen part of the link text with a technique of concealment with CSS accessible (for example, positioning all outside of the screen).

Exceptionally, when the link text is not descriptive by itself, at least should it be through its most immediate context. It is understood by immediate context those elements that a screen reader can get from link as the text of the phrase, the paragraph, the heading, the table cell or the element of list containing the link.

If the link links with an attachment you can show the format of the same in the actual link, by an icon representing it with alternative text and the title attribute. It is advisable to identify the size of the documents attached to enable users to decide whether or not discharged.

It should be avoided that links open new windows of the browser, but in the case that one cannot avoid it inform the user in accordance with the rules imposed in response to question How is advised of the opening of new window on a link?

Finally, the style of the own links should allow the user, distinguiéndolos adequately identifies the rest of the content of documents

Although it is a prerequisite to an AAA level of compliance, it is recommended to specify the expansion of each abbreviation or acronym, through appropriate HTML bookmarks. In addition, the expanded form of the abbreviation or acronym should indicate clearly in the text of the page the first time that it is used.

An acronym is a set of letters with the word, for example, URL (Uniform Resource Locator). Acronyms will mark with the element acronym and its expansion by means of the attribute title the element.

An abbreviation is the written representation of one or more words through one or several of its letters, so that the word or words in question are shorter in the text. Abbreviations are marked by the abbr element and its expansion by means of the attribute title the element.

Example code for an acronym


Example code for a short name



In the case of grammar HTML5 used is always use the element ABBR both to mark abbreviations and acronyms because the ACRONYM element becomes a obsolete.

If in a separate there is any extract in a different language to that used in the general content of the same must be the following actions:

  1. Asegurarse de que está correctamente marcado el idioma principal de la página.
Example of HTML code


  1. Check the content found in another language, through the HTML attributes with the corresponding language code.
Example of HTML code

The 14:00 p.m. a meeting in the square.
The 14:00 p.m. a meeting in the square.


  1. Optionally, if it is a link to a page that is in another language, it is recommended to use the hreflang attribute of the link to indicate this change of language.
Example of CSS code
HTML guide in english


For further information on the language code available are encouraged to consult the list of codes of language (source: Iana) (Opens in new window)

A separate holding several links with the same text whose destinations are different may mislead users. The text of these links will not be sufficiently clear as to identify the fate of each of the links read out of context. This is a problem especially for users who use screen readers, as they may encounter difficulties if they decide to make a navigation through the links of the document.

If you want them to be visually has several links with the same text as it is recommended hide accessible through the link text that distinguishes it from others.

In the compulsory WCAG 2.0 to warn of the opening of new windows or browser tabs becomes a requirement of AAA, although still a good practice and it is recommended for use as it improves the accessibility, usability of the page.

Possible ways to report on the opening of new windows will vary depending on the situation.

For the text links:

  • In the text of the own link:
Code example
Link text (opens in new window)


  • Providing a widget ( ) indicating the user to visually (and through their alternative) the opening of new window:
Code example
Link text It opens in new window


  • Another possible solution is to include text " It opens in new window in the own "link, displaying it as a tooltip with CSS techniques when setting the focus on the link.

For links graphs:

  • Como texto del enlace, o bien, aportando un elemento gráfico ( ) indicating the user to visually (and through their alternative) the opening of a new window.
  • The opening information in new window on the content of the image. This may include the widget of opening up within the self-image, indicating the user to visually and through their alternative new opening of new window.
  • Another possible solution is to include text "opens in new window" in one's own link and show it as a tooltip through CSS techniques to set the focus on the link.


When the complete contents of a Web site could not be included in the navigation menus, should provide a Site Map or a search function within the site to make it easier for users to find the content.

For a site map is right should include links to all sections and important pages of the website. In addition, the site map should be linked, at least from each of the pages that are listed in the site map although it is advisable to include a link to the site map from all web-site. Finally, all pages of the website must be accessible, directly or indirectly, from the site map.

The presentation and structure of the site map should reflect the organization of the website. It uses the structural elements properly. Thus, for example, can be used, headers, nested lists, or a combination of the above, provided that the map structure matches the site.

Furthermore, the order of reading and the tab order by the site map must also be right.

The accessibility standards do not define the minimum set of metadata that should be included in a page web, with the page title, but the metadata can be used to meet some of the requirements of these guidelines.

Thus, all pages should include a title, TITLE element, which briefly identify the content of the page and makes sense when you read outside its context. Although it is not necessary, it is advisable that the title page should also include the name of the website. Similarly, it is also recommended that the titles are for all web-site. In any case, the title of the pages must be relevant to its content to be clearly marked on the basis of title.

Other metadata that can be used to meet other requirements of the guidelines are:

  • Statement by type of document (DOCTYPE) to facilitate browsers and other users to recognize the grammar used on web pages.
  • The character encoding (encoding) to prevent inconsistencies between browsers in the interpretation of speeches delivered in the special characters pages.
  • A title to provide description labels when necessary. For example, to identify the content of the frameworks, to decribir the role of the form fields that do not have a clear label, to provide additional information on the links, etc.