Actualités hebdomadaires de la plate-forme: propriété CSS Column-Span, ADA s'applique aux sites Web, des descriptions d'images générées automatiquement

Les nouvelles de développement Web de cette semaine mettent en évidence des progrès importants de l'accessibilité et du CSS: prise en charge généralisée pour column-span , l'impact continu de la conformité ADA sur les sites Web et l'initiative de Google pour générer automatiquement des descriptions d'images.

column-span CSS est un large soutien

La propriété CSS column-span , déjà prise en charge par Chrome et Safari (depuis 2010) et Internet Explorer (depuis 2012), arrive enfin dans la version 71 de Firefox (version de décembre). Cela permet aux éléments de courir plusieurs colonnes dans des dispositions multi-colonnes. Par exemple:

 article {
  Count de colonne: 2;
}

H2 {
  colonne-span: tout;
}

Ce code fait que les titres s'étendent sur les deux colonnes.

(Source: ting-yu lin)

Compliance ADA et accessibilité du site Web

Aux États-Unis, l'Americans with Disabilities Act (ADA) oblige l'accessibilité au site Web. Les détaillants sont confrontés à des poursuites potentielles pour des sites Web inaccessibles. Le récent rejet par la Cour suprême de l'appel de Domino's Pizza le souligne, redémarrant un procès concernant la compatibilité des lecteurs d'écran. Le demandeur, un individu aveugle, a soutenu l'incapacité de commander en ligne en raison du manque de support logiciel, citant la garantie de l'ADA de "pleine et égale jouissance" des services.

(Source: David G. Savage)

Google génére automatiquement les descriptions d'images dans Chrome

Chrome, lorsqu'il est utilisé avec la voix off, génère désormais automatiquement du texte ALT pour les images qui le manquent. Google a déjà généré plus de 10 millions de descriptions, mais les soulignent que ceux-ci sont supplémentaires et ne remplacent pas le texte ALT rédigé par l'homme, qui fournit un contexte plus riche. Cette fonction «Description d'images d'accessibilité» peut nécessiter une activation manuelle via chrome://flags .

(Source: Dominic Mazzoni)

Restez à jour!

Abonnez-vous à ma newsletter hebdomadaire du dimanche pour plus de nouvelles sur le développement Web livrées tous les lundis matin.

Plus de nouvelles →

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!