« Adapter un thème pour 1.6 » : différence entre les versions
Ligne 34 : | Ligne 34 : | ||
=== Les blocs latéraux === | === 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 === | === Les questions === |
Version du 5 août 2006 à 22:04
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"))); }
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 !
Les bordures des images
Icônes redimensionnables
Qu'y a-t-il de neuf dans le thème standard de Moodle 1.6 ?
Voir aussi
- Using Moodle RFC - Accessibility Proposal forum discussion