1485 sujets

Web Mobile et responsive web design

Salut à tous !

Si j'ai bien compris le peu de documentation que j'aie lu çà et là, la DTD recommandée pour un site consultable sur mobile est celle du XHTML Basic.

Or, si le site doit être également consultable sur un écran d'ordinateur, doit-on revenir au temps de la "balkanisation du Web", où l'on faisait une version par navigateur, et créer une version distincte du site selon le support d'affichage final, et ce quand bien même on utiliserait l'attribut media pour distinguer les feuilles de styles (notamment media="handheld") ?

Autrement dit, doit-on abandonner le XHTML 1.0 Strict pour qu'un site soit consultable de façon "universelle", quel que soit le support d'affichage ?
Victor BRITO a écrit :

Autrement dit, doit-on abandonner le XHTML 1.0 Strict pour qu'un site soit consultable de façon "universelle", quel que soit le support d'affichage ?

Non, à ma connaissance le XHTML basic n'a d'intérêt que si tu veux exploiter certaines spécificités inhérentes à ce doctype comme le
inputmode Attribute Module par exemple.

Si ton site est aussi destiné aux appareils portatifs, tu dois prendre en comptes les limitations du XHTML basic (absence des frame, tableaux...) et les intégrer lors de l'étape d'intégration en XHTML strict ou transitionnal.
Modifié par Hermann (29 Nov 2007 - 18:45)
De toute façon, je pars de l'idée que le site est codé en XHTML 1.0 Strict, avec balisage sémantique (donc, sans tableaux a priori).

Même si j'utilise le média handheld pour attacher une feuille de style qui doit s'appliquer aux mobiles et autres petits écrans, pourquoi les validateurs de sites pour mobiles et autres émulateurs d'écran de mobile refusent de valider un site XHTML 1.0 Strict montrant pourtant des efforts d'accessibilité ? Smiley confus
Victor BRITO a écrit :

Même si j'utilise le média handheld pour attacher une feuille de style qui doit s'appliquer aux mobiles et autres petits écrans, pourquoi les validateurs de sites pour mobiles et autres émulateurs d'écran de mobile refusent de valider un site XHTML 1.0 Strict montrant pourtant des efforts d'accessibilité ? Smiley confus

Oui je me demande moi aussi Smiley cligne Sur ce point (que tu fais bien de souligner) je n'ai pas de réponse à t'apporter.
Attention, tous les navigateurs pour mobiles n'implémentent pas le média handheld mais uniquement screen, ou les deux à la fois. Essayer donc de limiter la casse dans la CSS screen en remplaçant les px par des % par exemple , et ne pas oublier de placer la CSS handheld en dernier.
Modifié par Hermann (29 Nov 2007 - 18:58)
Hermann a écrit :
ne pas oublier de placer la CSS handheld en dernier.

C'est ce que je fais quand je recours à ce média. Smiley cligne
Victor BRITO a écrit :
De toute façon, je pars de l'idée que le site est codé en XHTML 1.0 Strict, avec balisage sémantique (donc, sans tableaux a priori).

N'oublies pas de préciser "tableaux de mise en forme", ça peut porter à confusion Smiley cligne
A noter que le label W3C MobileOK requiert la conformance à la DTD XHTML Basic 1.1 (ou MP 1.2), sans pour autant que le doctype utilisé soit celui-ci explicitement :
http://www.w3.org/TR/2007/CR-mobileOK-basic10-tests-20071113/#CONTENT_FORMAT_SUPPORT

En particulier, le mobileOK checker accepte les pages déclarées en XHTML Strict 1.0, tant qu'elles n'utilisent pas d'éléments interdits par XHTML Basic 1.1:
http://validator.w3.org/mobile/alpha

(pour voir les différences entre XHTML Basic 1.1 et XHTML Strict 1.0, cf:
http://www.w3.org/2007/09/dtd-comparison.html )

Dom
Concernant les CSS Media Types, j'ai mis en place hier une série de tests pour essayer de voir comment réagissent les navigateurs mobiles aux différentes options:
http://lists.w3.org/Archives/Public/public-mwts/2007Nov/0029.html

Ceux qui sont intéressés de contribuer des résultats avec leur téléphone peuvent le faire à:
http://www.w3.org/2007/03/mth/harness?test=start&ts=cssmedia
(ou plus facile à entrer sur un clavier de téléphone: http://tinyurl.com/2d9ra8 )

les résultats déjà collectés sont disponibles sur:
http://www.w3.org/2007/03/mth/results?ts=cssmedia

Les suggestions d'améliorations des tests peuvent être envoyées à public-mwts@w3.org.
nimbustier a écrit :

le mobileOK checker accepte les pages déclarées en XHTML Strict 1.0, tant qu'elles n'utilisent pas d'éléments interdits par XHTML Basic 1.1:
http://validator.w3.org/mobile/alpha

Ah ben j'allais justement préciser que Dominique m'avait informé de ceci à Paris Web… mais s'il le fait lui-même, c'est encore mieux. Smiley ravi
J'ai du mal à lire les résultats des tests. Il me semble que 1/1 indique que sur une tentative, le test a pu être passé une fois. Par contre, l'échec ou le succès au test est indiqué uniquement par la couleur?

Si oui, c'est problématique. Exemple en image:

upload/2043-colortest.png
Les résultats étaient indiqués uniquement par la couleur, en effet...

C'est corrigé, désormais il y a un title sur les résultats qui donnent la signification indépendemment de la couleur.

Merci pour la correction !

Dom
nimbustier a écrit :
Merci pour la correction !

Et merci pour ces informations détaillées. Smiley smile