Adapter un thème pour 1.6

Moodle1.6

Quelles parties de Moodle ont changé ?

La structure sémantique des pages de Moodle

Afin de pouvoir mieux orienter les utilisateurs de Moodle ayant un déficit visuel, il est important de construire une structure sémantique pour toutes les pages de Moodle. Le squelette est constitué par les éléments h1 et h3. Voir les détails ci-dessous.

L'entête

Pour constituer une structure sémantique des pages de Moodle, la zone headermain n'est plus construite avec un élément div, mais avec un élément h1 (voir header.html)

Le pied de page

Un lien est ajouté vers la page correspondante de Moodle Docs (voir footer.html).

Lien moodledocslink dans le pied de page

Dès Moodle 1.6, il est possible de rendre disponible un lien vers Moodle Docs (pour les administrateurs et les enseignants, mais pas pour les étudiants) en ajoutant le code ci-dessous au fichier footer.html de votre thème.

echo(page_doc_link(get_string("moodledocslink")))

Si vous voulez créer un thème compatible avec les versions 1.5 et 1.6 de Moodle, il faudra tester si la fonction page_doc_link existe, sans quoi une erreur call to undefined function surviendra.

if (function_exists('page_doc_link')) {
   echo(page_doc_link(get_string("moodledocslink")));
}

La barre de navigation

Pour une meilleure accessibilité et une plus grande flexibilité de mise en page, la structure xhtml de la barre de navigation a été modifiée en une liste non ordonnée.

Le caractère » a été converti en une image avec un texte Alt vide. Voir #Icônes redimensionnables.

Les blocs latéraux

Le titre des blocs latéraux est maintenant un élément h2. Il est suivi immédiatement d'un lien Sauter <Titre du bloc>, destiné à l'assistance des utilisateurs de logiciels lecteurs d'écran. Le texte de ce lien est assorti de la classe accesshide qui le masque dans les navigateurs graphiques (normaux), bien qu'il soit possible d'y accéder à l'aide du tabulateur et de passer la souris dessus pour l'affichage de son titre.

Le tableau contenant chaque bloc latéral a été remplacé par une liste non ordonnée (élément ul). Des règles de la feuille de style du thème standard désactivent les marges et retirent les puces de cette liste (attribut list-style-type). Les anciens noms des classes (list, r0, c0) ont été conservés, et des éléments span remplacent les cellules des tableaux td. Les icônes originales sont codées en HTML à l'aide de l'élément img, assorti d'un attribut alt vide ( dans une version ultérieure, elles seront peut-être définies par des styles, en tant qu'images de fond, pour augmenter la flexibilité).

Les questions

Documentation à compléter !

Voir aussi

• Using Moodle RFC - Accessibility Proposal forum discussion