Text Size

Screenshot of block: Seleccionar menú.

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

Screenshot of block: Seleccionar menú.

[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

Screenshot of block: Enlaces de imagen.

  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

Screenshot of block:

  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

Text Size Capturas de pantalla.