accesskey _ mod _ content

Format and presentation

A hidden text can be accessible in different ways, depending on what is the purpose of the text and why that is hidden.

Thus, a text that you want to hide that does not appear in the visual presentation of the website but it to still be available for screen readers and other products support service will hide using a technique of CSS support such products.

For example, instead of using display: none can be used a technique of absolute positioning outside the margins of the screen.

Example of CSS code

.oculto {
position: absolute;
left: -9999px;
overflow: hidden;

This technique is appropriate, for example, was included in the specific contents or information for users of screen readers or assistive technology. For example, certain information of aid or the full, descriptive text links that visually follow a similar pattern (the “ read more ”, “ information ”, etc.).

Furthermore, if the aim is to hide the text to all users can then be removed from the content of the page (DOM) via JavaScript, CSS (display: none) or a combination of both. This technique is appropriate, for example, menus or other content-down menus to hide some of the content is intended to facilitate the use of the page by limiting the information to users in every moment. In this case, it is appropriate that such information should also be ignored by screen readers and other assistive devices, thus facilitating their jump or ignore blocks of content.

If you use the color as the only means to relay information users with visual limitations based on the perception of color (for example, the dicromacia) shall not be paid properly such information. If you are using other means, in addition to cover all the needs of the user regardless of its limitations.

For example, in the case of linkages, in order to distinguish them from normal text, it is common to the use of style highlighted as a complement to the blue color.

En el caso de gráficos de barras o sectores que muestran diferentes secciones y/o valores asociados a un color, se debe complementar con un rayado o trama único para cada sección o valor.

May not be employed reporting elements used as the sole vehicle for transmitting information or structure. All the information, structure and relations of the content transmitted through the submission should also be provided through structural elements and semantic.

Thus, for example, to emphasize a text using the elements STRONG or EM to mark led elements H1-H6 or to make appointments elements Q or BLOCKQUOTE instead of using elements of presentation as FONT , B or I that only transmit visual information. To implement and/or modify the visual style of these structural elements and semantic should serve style sheets.

No, because it would be descriptive icon only. They should provide a text describing the file to download (stating for example the title), and add as part of the liaison representative icon file type, indicating as an alternative text of the image file format.

It is possible to use tables for layout as long as linearizen correctly. In other words, if the order of reading the contents of the table is the right one. The order of reading normally be the order of the contents of the table in the code of the page. In Addition, the layout not be able to take advantage of any element or attribute own from data tables (for example, TH, CAPTION, summary, scope, headers, etc.).

Similarly, it is possible to use frames or inline frames to edit the pages of a website, only if each frame has a title which is commensurate with their content

However, and although not prohibited, it is discouraged the use of both tables and frameworks to edit pages, for the cost of maintaining a Web site built with any of these two types of elements to a break with the principle of separation of content and presentation.

Edit a page style sheets has huge advantages, which include:

  • Facilitates the redesigning of pages.
  • There is No need to change the content to display in different devices.
  • Decreases the time of loading of pages.
  • The user can change the presentation according to your tastes or needs.

In summary, the use of style sheets for layout improves accessibility.