Acessibilidade

Aproveitamos hoje para postar o código relativo ao menu de acessibilidade (aumento e decremento do tamanho das fontes). Relembro que estamos a utilizar o Drupal, com a inclusão de PHP.

Para isso será necessário acrescentar o seguinte código html, dentro de uma div, tabela etc na página respectiva:

<a class="smaller" onclick="changeFontSize(-1); return false;" title="Decrease size" href="#">A<sup>-</sup></a>
<a class="reset" onclick="revertStyles(); return false;" title="Revert styles to default" href="#">A</a>
<a class="larger" onclick="changeFontSize(1); return false;" title="Increase size" href="#">A<sup>+</sup></a>

Para que estes comandos funcionem terá que existir um include de um ficheiro em javascript. Dentro do .js acrecentem o seguinte código:

function changeFontSize(sizeDifference){
    currentFontSize = parseInt(currentFontSize) + parseInt(sizeDifference * 5);
    if(currentFontSize > 100){
        currentFontSize = 100;
    }else if(currentFontSize < 60){
        currentFontSize = 60;
    } 
    setFontSize(currentFontSize);
};
var defaultFontSize = 80;
var currentFontSize = defaultFontSize;
function revertStyles(){
    currentFontSize = defaultFontSize;
    changeFontSize(0);
}
function setFontSize(fontSize){
    var stObj = (document.getElementById) ? document.getElementById('content') : document.all('content');
    document.body.style.fontSize = fontSize + '%';
    //alert (document.body.style.fontSize);
};

Um pequeno comentário final, se pretenderem que haja uma mensagem de alerta quando se chega ao máximo ou mínimo basta acrescentarem uma condição e um alerta. Aqui fica um exemplo:
if (action > 0){
        if (te_num > 25){
            jAlert('Tamanho máximo atingido.', 'Operação Impossível');
        }else{
            ti_num = ti_num * 1.2;
            in_num = in_num * 1.2;
            te_num = te_num * 1.2;
        }
    }else{
        if (te_num < 10){
            jAlert('Tamanho mínimo atingido.', 'Operação Impossível');
    }else{
            ti_num = ti_num / 1.2;
            in_num = in_num / 1.2;
            te_num = te_num / 1.2;
        }
    }
}

 
O grupo,
Timp

publicado por danielclara às 16:35 | comentar