Botones accesibilidad

[Peli5]

¿Como puedo configurar e introducir en mi pagina web tres botones de accesibilidad de tal manera que al picar en cada uno de ellos cambie el tamaño del texto de mi página?

[wigglyUtrera]

Código HTML:

<style type="text/css">
<!-- 
.class1{
font-size:10pt;
}
.class2{
font-size:7pt;
}
.class3{
font-size:2pt;
} 
-->
</style> 

Código HTML:

<script>
function cambiarLetra(tam){
var texto = document.getElementById("id_del_texto");
if(tam == "grande")
        texto.className = "class1";
else if(tam == "mediana")
            texto.className = "class2";
      else if(tam == "pequeña")
                texto.className = "class3";

}

</script> 

Código HTML:

<div id="id_del_texto">TEXTO QUE CAMBIA DE TAMAÑO</div> 

Código HTML:

<form name="form" id="ejemplo">
<button onclick="cambiarLetra('grande')">Letra Grande</button>
<button onclick="cambiarLetra('mediana')">Letra Mediana</button>
<button onclick="cambiarLetra('pequeña')">Letra Pequeña</button>
</form>