À quel point est-il plus facile pour les lecteurs d'écran de gérer les sites Web basés sur <div> par opposition aux anciens sites Web <table>, et pourquoi sont-ils plus mauvais?Pourquoi les sites basés sur des tables sont-ils dangereux pour les utilisateurs de lecteurs d'écran?
Les lecteurs d'écran supposent que le contenu à l'intérieur d'un table est tabulaire et le lit comme tel. Par exemple. "ligne 1, colonne 1: (contenu)". Si vous utilisez des tableaux pour mettre en page votre site, cela n'aura pas forcément de sens. Vous dites au client final que vous avez des données avec une signification tabulaire, alors que ce n'est pas le cas.
Par contre, div n'a pas d'autre signification que «section», les lecteurs d'écran ne tentent donc pas de les signifier. Vous pouvez utiliser divs pour effectuer des coupures visuelles arbitraires dans votre mise en page sans affecter le signifiant du balisage.
C'est ce que nous voulons dire lorsque nous disons le balisage "sémantique". moyen le balisage sémantique décrit avec précision le signifie du contenu à l'intérieur de celui-ci - tables enveloppent des données tabulaires, UL WRAP listes à puces, etc.
vous voulez dire que le site basé sur la table était douloureux pour les utilisateurs de lecteurs d'écran. comment ils survivaient jusqu'à ce que css et site basé sur la plongée inventé? –
@Jitendra douloureusement, comme vous l'avez dit. –
J'imagine qu'ils ne l'ont pas fait en grande partie. Vous seriez surpris de voir à quel point l'Internet (et le monde en général) est hostile aux personnes ayant un handicap grave comme la cécité. –
Les sites basés sur des tables peuvent perturber le lecteur d'écran pour le type de données présenté. À l'origine, les tableaux étaient utilisés pour afficher une liste de données 2D. Mais avec des tables utilisées pour s'adapter à des conceptions, les lecteurs devraient distinguer l'intention de la table.
Cela dépend de ce qu'une table est utilisée pour. Si une table est utilisée pour la mise en page, le lecteur d'écran n'a aucun moyen de le savoir et lit cellule par cellule, en commençant par la première ligne, la première colonne, la deuxième ligne, la deuxième rangée, la deuxième colonne, etc. la façon dont le contenu est destiné à être vu. Si les données doivent être affichées dans un formulaire structuré, les tables sont le meilleur moyen d'aller avec les lecteurs d'écran, car les séquences de touches peuvent être utilisées pour lire ligne par ligne et colonne par colonne. En tant qu'utilisateur de lecteur d'écran, je trouve cela ennuyant quand les données ne semblent pas avoir de sens parce qu'elles sont mal disposées avec une table, ou qu'une table n'est pas utilisée du tout et qu'une autre indication visuelle est utilisée.
donc toute l'utilisation de l'écran très semblable à la structure basée div pour la mise en page? –
Le point de vue selon lequel les DIV fonctionnent mieux avec les lecteurs d'écran qu'avec les tables ne correspond pas au véritable problème.
Les normes CSS et HTML actuelles ne fournissent tout simplement pas de balises/indicateurs explicites pour aider les lecteurs d'écran. Jusqu'à ce qu'ils le fassent, que vous utilisiez DIV ou des tables, vous devez juste espérer que votre "page CSS sémantiquement correcte", ou "faire le travail fait des tables" fonctionnent avec la plupart des lecteurs d'écran. N'oubliez pas, il est également facile de créer une page incompréhensible en utilisant DIVs, car il utilise des tables.
J'ai trouvé ceci comme un lien utile sur le sujet http://webaim.org/techniques/tables/#uses –