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.).

Por otra parte, si la finalidad es ocultar el texto para todos los usuarios entonces se podrá eliminar del contenido de la página (del DOM) mediante JavaScript, CSS (display:none) o una combinación de ambos. Esta técnica es apropiada, por ejemplo, en menús u otros contenidos desplegables ya que al ocultar parte del contenido se pretende facilitar el uso de la página al limitar la información mostrada a los usuarios en cada momento. En este caso, es apropiado también que dicha información también pueda ser ignorada por los lectores de pantalla y otros productos de apoyo, facilitándoles así el saltar o ignorar bloques de contenido.

Si se utiliza el color como único medio para transmitir información, usuarios con limitaciones visuales basadas en la percepción del color (como por ejemplo, la dicromacia) no percibirán correctamente dicha información. Si utilizamos otros medios además del color, cubrimos todas las necesidades del usuario independientemente de sus limitaciones.

Por ejemplo, en el caso de los vínculos, para diferenciarlos de un texto normal, es común el uso del estilo subrayado como complemento al color azul.

In the case of bar charts or sectors that showed different sections and/or values associated with a color, has to be complemented by a Single fabric design or for each section or value.

No se pueden emplear elementos de presentación si se usan como único medio para transmitir información o estructura. Toda la información, estructura y relaciones del contenido transmitidas a través de la presentación debe proporcionarse también mediante elementos estructurales y semánticos.

Así, por ejemplo, para enfatizar un texto se deben utilizar los elementos 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 que únicamente transmiten información visual. Para aplicar o modificar el estilo visual de dichos elementos estructurales y semánticos se deberán utilizar las hojas de estilo.

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.

Subscribe to the youtube channel of OBSAE
Subscribe to the youtube channel of OBSAE