mavimo

Sempre più spesso si sente parlare di accessibilità, degli enormi vantaggi che derivano dal suo utilizzo e sopratutto dalla necessità dei siti della PA di rispettare le regole che sono inserite nella famosa legge Stanca che obbligano a rispettare le direttive WAI (o per lo meno dovrebbe essere così, anche se vedendo alcuni siti.. ma lasciamo perdere, non voglio entrare in polemica).
Una tra le varie caratteristiche che devono essere presente nel sito è la necessità che i link (per lo meno i più importanti) abbiano l'attributo accesskey che permette ai diversamente abili di poter visitare il link senza doverlo selezionare con un mouse, ma semplicemente il tasto della tastiera corrispondente alla lettera che è stata assegnata.
Ovviamente non è possibile che all'interno della stessa pagina ci siano due attributi accesskey con lo stesso valore, così come l'attributo accesskey deve essere facilmente comprensibile e collegabile al link. Per poter facilmente capire qule è l'accesskey spesso
si ricorre ad un piccolo stratagemma, ovvero di inserire la lettera corrispondente tra parentesi quadre. Noi sfrutteremo proprio questa peculiarità per la gestione degli accesskey.
Per oggi ci limitiamo a inserire l'attributo per i primary e secondary link, più avanti vedremo come applicare questo anche ai menu.
Come prima cosa apriamo il file template.php presente nella directory del nostro tema e, se non è già presente una funzione che si chiama nometema_links dove, ovviamente, nometema è il nome del tema che state utilizzando. Se così non fosse copiate al suo interno il seguente codice e modificate nometema con il nome del vostro tema.function nometema_links($links, $attributes = array('class' => 'links')) {
$output = '';
if (count($links) > 0) {
$output = '<ul'. drupal_attributes($attributes) .'>';
$num_links = count($links);
$i = 1;
foreach ($links as $key => $link) {
$class = '';
if (isset($link['attributes']) && isset($link['attributes']['class'])) {
$link['attributes']['class'] .= ' ' . $key;
$class = $key;
}
else {
$link['attributes']['class'] = $key;
$class = $key;
}
$extra_class = '';
if ($i == 1) {
$extra_class .= 'first ';
}
if ($i == $num_links) {
$extra_class .= 'last ';
}
$output .= '<li class="'. $extra_class . $class .'">';
$html = isset($link['html']) && $link['html'];
$link['query'] = isset($link['query']) ? $link['query'] : NULL;
$link['fragment'] = isset($link['fragment']) ? $link['fragment'] : NULL;
if (isset($link['href'])) {
$output .= l($link['title'], $link['href'], $link['attributes'], $link['query'], $link['fragment'], FALSE, $html);
}
else if ($link['title']) {
if (!$html) {
$link['title'] = check_plain($link['title']);
}
$output .= '<span'. drupal_attributes($link['attributes']) .'>'. $link['title'] .'</span>';
}
$i++;
$output .= "</li>\n";
}
$output .= '</ul>';
}
return $output;
}Dopo aver inserito questo codice salvate il file e controllate che aprendo una qualsiasi pagina del vostro sito (in cui sono presenti dei primary o secondary link non vi siano errori. Se tutto è andato bene possiamo proseguire andando a modificare la riga $output .= l($link['title'], $link['href'], $link['attributes'], $link['query'], $link['fragment'], FALSE, $html);
con il seguente codice$pos_start = strrpos($link['title'], '[');
$output .= l($link['title'],
$link['href'],
($pos_start) ? $link['attributes'][] = array('accesskey' => strtolower($link['title']{$pos_start + 1})) : $link['attributes'],
$link['query'],
$link['fragment'],
FALSE,
$html);Ora per abilitare l'accesskey ai menu è sufficiente andare nella sezione di amministrazione, nella sezione del menu e modificare le voci per cui vogliamo attivare l'accesskey, ponendo la lettera che deve essere utilizzata come valore dell'attributo tra parentesi quadre.

Vediamo ora che lettera usare e come visualizzarla.

Innanzitutto è preferibile utilizzare lettere che abbiano attinenza con il link, quindi se per esempio vogliamo visualizzare il link al Forum potremmo scegliere la lettera F, così come per la Home Page una buona scelta sarebbe la H, la E per l'e-mail dell'amministratore e così via. Ovviamente bisogna ricordarsi che non possono essere due lettere uguali, quindi se usiamo la E per il link Esempi non possiamo utilizzarlo per e-mail e così via.
Per la visualizzazione potremmo non volere visualizzare la lettera da utilizzare, visto che con alcuni browser l'evidenziazione delle lettere dell'accesskey avviene in automatico, ma non è l'atteggiamento da preferire, sono invece preferibili le seguenti strade:

• Porre la lettera tra parentesi quadre prima del nome del link (per esempio [F] Forum)
• Porre la lettera tra parentesi quadre dopo del nome del link (per esempio Forum [F])
• Porre la lettera tra parentesi quadre nel nome del link (per esempio [F]orum)

La scelta è a discrezione dell'amministratore del sito. Prossimamente vedremo come rimuovere la lettera tra parentesi all'interno del link (cosa che sconsiglio fortemente) e come andare a far si che appaiano gli accesskey anche per i menu.