Text Size

This module display a adjustable text size changer or a zoom function on the page for a better web accessibility.

The zoom function is comparable to the text zoom function in Firefox 3, but this module resize also variable media objects, variable pixel images and vector images.

Advantages compared with browser zoom

1. Adjustable. Increases/decreases step, minimum, maximum, standard and variable or three fixed values.
2. Resize region definable. For example a element with a ID "content":
   <div id="content">CONTENT</div>.
3. Browser independent.
4. One click function. No tutorial required.
5. Same handling in any browser (shortcuts).
6. Resize text, variable images and media objects (media objects and pixel images with "em" or "%" size specification and SVG images).
7. Select menu availabe.
8. Display current text size (zoom size).

Características

• WCAG and BITV conform. More Information on: Web Content Accessibility Guidelines and Barrierefreie Informationstechnik-Verordnung. Keep the conditions:
  1. WCAG/BITV 1.1: Short text equivalents for images.
  2. WCAG/BITV 3.1: Standard links with text without images in the source code.
  3. WCAG/BITV 6.3: No JavaScript required.
  4. WCAG/BITV 11.1: Open and standard code.
  5. WCAG/BITV 13.6: Links in a list.
• No JavaScript required. jQuery suppport.
• No CSS required.
• Minimum and maximum text size.
• Caching mode: "Normal" and "Aggressive" compatible.
• Uniform markin of menu, based on the open source browser Firefox 2.0 (Mozilla Firefox).
• Tipo de bloque: Enlaces de texto [1], Enlaces de imagen [2], Seleccionar menú.
• Themable.

[1] Images are showed with CSS. Ideal for Web Accessibility.

[2] No Link text, only images in the XHTML source code with standard 0 pixel margin. Advertencia: Not for: WCAG/BITV 3.1! If JavaScript is not activated: No image change action if the cursor move over the images!

Requisitos

1. Drupal 7.
2. Theme or a theme region with font sitze "em", "%" or no sitze for the Internet Explorer browser.

Opciones

1. Go to: "Administrar", "Configuration and modules", "Personas y permisos", "Permisos" ("admin/config/people/permissions#module-textsize"). Set the different roles.
2. Go to: "Administrar", "Estructura", "Bloques" ("admin/structure/block"). Make the block "Text Size" visibile.
3. Go to: "Administrar", "Configuración del sitio", "Autoría del contenido", "Text Size configuration" ("admin/config/content/textsize"). Change the settings if you want.
4. Go to: "Administrar", "Construcción del sitio", "Traducir interfaz", "Importar" ("admin/config/regional/translate/import"). Import your language file (for German "sites/all/modules/contrib/textsize/translations/de.po") if it is necessary.

Configuración de tema visual

Create Themes

1. Copy the files/directorys in your theme:
   1. textsize-text.tpl.php
   2. textsize-image.tpl.php
   3. textsize-form.tpl.php
   4. textsize.css
   5. images
2. Edit the PHP and CSS code in the files. Ejemplo: Image links, not in a list: Change the following elements: <ul>/</ul> to: <p>/</p>
   <li></li> to: <span class="display_hidden"> | </span>.
   WCAG/BITV 10.5: Adjacent hyperlinks have to be separated by printable characters surrounded by spaces. Advertencia: Not for: WCAG/BITV 13.6! Links are not in a list.

3. Edit the PHP templates (tpl.php) and textsize.css file. Ejemplo: Image links, not in a list: Change the following elements: <ul>/</ul> to: <p>/</p>
   <li></li> to: <span class="display_hidden"> | </span>.
   WCAG/BITV 10.5: Adjacent hyperlinks have to be separated by printable characters surrounded by spaces. Advertencia: Not for: WCAG/BITV 13.6! Links are not in a list.

4. Edit the images. Create your own icons. The source file is in the directory: "/images/source/textsize.xcf". PNG images are for new browsers and GIF images for old browsers (Internet Explorer 6).

Download Themes

Edited templates are available from the developers website: Download Themes: Text Size home page

Capturas de pantalla