Get best of the week

Améliorations de l'accessibilité dans Visual Studio 2019 pour Mac

image

La version de Visual Studio 2019 pour Mac version 8.4.4 comprend de nombreuses modifications de la palette de couleurs des icônes, des avertissements et des messages d'erreur. Le nouveau look est frappant et le nouveau schéma de couleurs est encore plus visible. Dans cet article, je vais expliquer pourquoi ces changements sont vraiment importants et ce qui a été changé exactement.

Actuellement, plus d'un milliard de personnes souffrent d'une forme quelconque de handicap. Les gens doivent faire face à divers problèmes presque quotidiennement. Il s'agit notamment des limitations de mobilité, des troubles cognitifs et nerveux, des problèmes d'élocution et d'audition. À cet égard, nous voulons parler des améliorations de l'accessibilité visuelle dans les dernières versions de Visual Studio pour Mac.

Selon l'Organisation mondiale de la santé, environ 200 millions de personnes vivent actuellement avec une forme de déficience visuelle. Notre objectif est de rendre Visual Studio pour Mac accessible à tous. Pour ce faire, nous devons fournir la meilleure interface utilisateur pour chaque utilisateur, qu'il ait ou non des problèmes de vision. Il existe de nombreux utilisateurs ayant une basse vision, une couleur ou une cécité complète, des cataractes. L'interface mise à jour les aidera à travailler plus pleinement dans le programme. Après tout, même une chose aussi courante que les éruptions solaires peut être un problème lors de l'utilisation de l'interface utilisateur du programme. L'une des méthodes permettant aux utilisateurs malvoyants d'interagir plus efficacement avec les applications est la disponibilité d'une palette de couleurs.

L'une des principales façons de créer une interface utilisateur accessible consiste à augmenter le seuil de contraste pour tout le contenu interactif - principalement le texte et les icônes. Sur Mac, le rapport de contraste entre l'arrière-plan et le texte doit être d'au moins 3: 1 et en mode de contraste élevé d'au moins 4,5: 1. Plus tard, nous reviendrons sur ce sujet.

Bien sûr, on ne peut pas se fier uniquement aux différences de couleur pour montrer la gravité des informations. Par exemple, sur les changements d'état entre les icônes actives et inactives. Cela signifie que des éléments tels que les messages d'erreur ou les avertissements ne doivent pas utiliser uniquement la couleur d'arrière-plan pour transmettre leur état. Nous avons besoin de quelque chose de plus: par exemple, un signe clairement visible d'erreur ou d'avertissement. Dans les anciennes versions de Visual Studio pour Mac, la différence d'état n'était souvent affichée qu'en couleur. Maintenant, nous utilisons un rendu plus clair des icônes activées, désactivées et arrêtées, sans compter uniquement sur la couleur. Nous avons exclu de telles situations dans l'intérêt d'une plus grande clarté visuelle.

Mode contraste élevé


Sur un Mac, vous pouvez activer le mode contraste élevé en visitant la section Préférences d'accessibilité dans les Préférences Système et en cochant la case sur Augmenter le contraste : le

image

mode Contraste élevé augmente le contraste des couleurs de toute l'interface. Les commandes commencent à utiliser des traits et des formes et des étiquettes facilement visibles. Les couleurs sont ajustées pour paraître plus lumineuses, et la différence de luminosité entre le premier plan et l'arrière-plan est beaucoup plus notable.

Malheureusement, toutes les applications de nos ordinateurs de bureau ne prennent pas en charge le mode contraste élevé.

Bien sûr, l'utilisation de nouvelles couleurs et icônes n'est pas le seul moyen d'améliorer l'accessibilité visuelle. Nous voulions également garantir la commodité de travailler avec des lecteurs d'écran et offrir la possibilité d'utiliser des touches de raccourci. Nous avons encore de nombreux plans, dont certains dont nous parlerons aujourd'hui, et le reste que nous présenterons un peu plus tard. Dans cet article, nous nous concentrerons sur la nouvelle palette de couleurs et le jeu d'icônes amélioré, ainsi que sur les nouvelles fonctionnalités qui sont actuellement disponibles pour tous les utilisateurs de Visual Studio pour Mac.

Nouvelle palette de couleurs


Notre ancienne palette de couleurs pour Visual Studio pour Mac, créée il y a de nombreuses années, utilisait des rapports de contraste trop faibles, en particulier dans le thème clair de l'IDE. Par conséquent, il est temps de le réparer. Comparez nos anciennes et nouvelles palettes et les ratios de contraste des icônes et du fond.

image

L'ancienne palette avait deux options: une pour la lumière et l'autre pour le thème sombre de l'IDE. Comme vous pouvez le voir ci-dessus, l'ancienne palette a souffert de nombreux problèmes, notamment du contraste de la couleur des icônes d'avertissement sur un sujet clair, ce qui n'était pas idéal. Le jaune sur blanc ou gris clair est très difficile à voir.

La nouvelle palette résout tous ces problèmes et est également plus simple, avec une meilleure signification sémantique des groupes de couleurs. De plus, il est prêt à fonctionner en mode contraste élevé.

Badges améliorés


Nous avons toujours eu beaucoup d'icônes dans Visual Studio pour Mac. Au moment où nous avons publié les modifications détaillées dans cet article, il comptait 1 142 badges. La plupart des icônes ont été présentées en quatre versions: une pour un thème clair et sombre et deux pour des états sélectionnés.

Nous avons maintenant beaucoup plus de badges, et un énorme travail a été fait pour cela. Chacun d'eux a dû être vérifié pour les problèmes de disponibilité, comme décrit ci-dessus, converti, dupliqué et repeint à l'aide d'une nouvelle palette à contraste élevé. Cela signifie que nous introduisons non seulement de nouvelles icônes avec un contraste élevé, mais améliorons également celles existantes. Visual Studio pour Mac utilise actuellement 13 704 fichiers d'icônes.

Certaines icônes devaient être redessinées ou corrigées, car auparavant, l'accent était uniquement mis sur la couleur pour montrer les différences entre les états normal et actif:

image

Nouvelles couleurs pour les avertissements et les erreurs


Nous avons également saisi cette occasion pour modifier les couleurs des avertissements et des messages d'erreur affichés par Visual Studio pour Mac. Cela se voit mieux dans le texte d'avertissement dans un sujet léger qui était auparavant trop clair et potentiellement difficile à lire.

image

Nous avons maintenant de nouvelles couleurs pour les fenêtres contextuelles d'avertissement d'erreur, une apparence améliorée en mode standard et en mode contraste élevé:

image

finalement


Les modifications décrites ci-dessus sont conçues pour faciliter l'interface de Visual Studio pour Mac pour tous les développeurs. Maintenant, nous avons non seulement des icônes bien lisibles pour les utilisateurs qui ont des problèmes de vision, mais aussi notre jeu d'icônes standard déjà installé, qui démontre un nouveau contraste de couleurs plus visible, ce qui aide les utilisateurs à ne pas recourir aux fonctionnalités d'accessibilité. Dans tous les cas, nous avons encore beaucoup de travail, mais Visual Studio s'améliore de jour en jour.

Si vous souhaitez partager votre opinion sur ces changements, veuillez les écrire dans les commentaires de l' article d' origine , ou sur Twitter, en adressant @VisualStudioMac. Si vous rencontrez des problèmes lors de l'utilisation de Visual Studio pour Mac, utilisez la fonction Signaler un problème pour nous en informer. Nous accueillons également vos suggestions de fonctionnalités sur le site de la communauté des développeurs Visual Studio .

More articles:


All Articles