dimarts, 29 de gener de 2013

Un blog accessible

Què podem fer per fer que el nostre web sigui més accessible? Donar la possibilitat de:
  •  canviar la mida de la lletra:  12   13   15     Ho podem fer inserint el codi següent en un gadget HTML/JavaScript de la barra lateral. 
<span style="font-weight:bold;">Mida de la lletra:</span> 
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize=&apos;12px&apos;"><span>12</span></a> 
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize=&apos;13px&apos;"><span>13</span></a> 
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize=&apos;15px&apos;"><span>15</span></a>

Volem afegir o canviar mides de la lletra? Cap problema. Podem afegir un fragment de codi nou o canviar la parella de números en negreta.
Per augmentar/disminuir la mida de la lletra en el navegador, sempre podem fer servir les combinacions de tecles: Control + o Control- o mentre premem la tecla Control, moure la rodeta del ratolí.

  • escoltar els textos en comptes de llegir-los, amb l'ajuda del web VozMe. Nosaltres hem triat l'opció més senzilla d'implementar: L'usuari selecciona el text que vol sentir.... mitjançant un botó d'imatge i text. Hem copiat aquest codi que hem inserit en un gadget HTML/JavaScript a la barra lateral.
<script type="text/javascript" src="http://vozme.com/get_text.js"></script>
<button style="background:white url(http://vozme.com/img/paper_sound32x32.gif) 
 no-repeat left center;  min-height: 35px;  font-size:70%; padding:4px 4px 4px 35px;" 
 onclick="get_selection('ca','ml');">Selecciona un text i<br/>clica aquí per sentir-lo</button>
* Fa poc que en català ha deixat de funcionar. Però continua funcionant en castellà i en anglès...
  • traduir els missatges a un altre idioma gràcies al gadget de Blogger que hem afegit (Tradueix amb l'opció desplegable) a la barra lateral.
  • cercar informació dins del mateix blog amb el gadget de Blogger (Quadre de cerca amb totes les pestanyes activades) a la barra lateral.
Més informació sobre accessibilitat.

Cap comentari:

Publica un comentari a l'entrada