• About
  • Advertise
  • Privacy & Policy
  • Contact
Tech News, Magazine & Review WordPress Theme 2017
  • ACCUEIL
    • Home – Layout 5
  • Review

    National Academy of Sciences endorses embryonic engineering

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    Fujifilm X-T2 review: The definition of a great camera

    The Analogue Nt Mini is the perfect NES console for video game lovers

    Using a mind reading device, ‘locked-in’ patients told researchers they’re happy

    Watch Cruise’s self-driving Bolt EV navigate smoothly to SF’s Dolores Park

  • Gaming

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    National Academy of Sciences endorses embryonic engineering

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    The Analogue Nt Mini is the perfect NES console for video game lovers

    GoPro’s Karma drone is back on sale after design flaw made them fall out of the sky

  • Gear
    • All
    • Audio
    • Camera
    • Laptop
    • Smartphone

    Apple Watch Series 2 Is Swimproof and Comes With Built-In GPS

    National Academy of Sciences endorses embryonic engineering

    Jack Dorsey says he’ll continue running both Square and Twitter

    Fujifilm X-T2 review: The definition of a great camera

    The Warby Parker of hair color, Madison Reed, scores new funding and a CMO

    Shopify CEO attempts to defend continued hosting of Breitbart’s online store

    Trending Tags

    • Best iPhone 7 deals
    • Apple Watch 2
    • Nintendo Switch
    • CES 2017
    • Playstation 4 Pro
    • iOS 10
    • iPhone 7
    • Sillicon Valley
  • Computers

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    Fujifilm X-T2 review: The definition of a great camera

    Shopify CEO attempts to defend continued hosting of Breitbart’s online store

    SpaceX targets February 18 for Dragon resupply mission to ISS

  • Applications

    Apple Watch Series 2 Is Swimproof and Comes With Built-In GPS

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    National Academy of Sciences endorses embryonic engineering

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    Jack Dorsey says he’ll continue running both Square and Twitter

  • Security

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    National Academy of Sciences endorses embryonic engineering

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    The Warby Parker of hair color, Madison Reed, scores new funding and a CMO

    Shopify CEO attempts to defend continued hosting of Breitbart’s online store

No Result
View All Result
  • ACCUEIL
    • Home – Layout 5
  • Review

    National Academy of Sciences endorses embryonic engineering

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    Fujifilm X-T2 review: The definition of a great camera

    The Analogue Nt Mini is the perfect NES console for video game lovers

    Using a mind reading device, ‘locked-in’ patients told researchers they’re happy

    Watch Cruise’s self-driving Bolt EV navigate smoothly to SF’s Dolores Park

  • Gaming

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    National Academy of Sciences endorses embryonic engineering

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    The Analogue Nt Mini is the perfect NES console for video game lovers

    GoPro’s Karma drone is back on sale after design flaw made them fall out of the sky

  • Gear
    • All
    • Audio
    • Camera
    • Laptop
    • Smartphone

    Apple Watch Series 2 Is Swimproof and Comes With Built-In GPS

    National Academy of Sciences endorses embryonic engineering

    Jack Dorsey says he’ll continue running both Square and Twitter

    Fujifilm X-T2 review: The definition of a great camera

    The Warby Parker of hair color, Madison Reed, scores new funding and a CMO

    Shopify CEO attempts to defend continued hosting of Breitbart’s online store

    Trending Tags

    • Best iPhone 7 deals
    • Apple Watch 2
    • Nintendo Switch
    • CES 2017
    • Playstation 4 Pro
    • iOS 10
    • iPhone 7
    • Sillicon Valley
  • Computers

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    Fujifilm X-T2 review: The definition of a great camera

    Shopify CEO attempts to defend continued hosting of Breitbart’s online store

    SpaceX targets February 18 for Dragon resupply mission to ISS

  • Applications

    Apple Watch Series 2 Is Swimproof and Comes With Built-In GPS

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    National Academy of Sciences endorses embryonic engineering

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    Jack Dorsey says he’ll continue running both Square and Twitter

  • Security

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    National Academy of Sciences endorses embryonic engineering

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    The Warby Parker of hair color, Madison Reed, scores new funding and a CMO

    Shopify CEO attempts to defend continued hosting of Breitbart’s online store

No Result
View All Result
Technique de pointe
No Result
View All Result
Home Générale

5 façons d’améliorer l’expérience utilisateur avec des pratiques d’accessibilité de site Web efficaces

Caleb by Caleb
juillet 3, 2021
148
5 façons d’améliorer l’expérience utilisateur avec des pratiques d’accessibilité de site Web efficaces
Share on FacebookShare on Twitter


Vous avez conçu un spectaculaire interface utilisateur, dont vous êtes particulièrement fier. Cependant, vous êtes confronté à un seul problème : il n’est pas accessible à tous les utilisateurs.

Peut-être que ce fait est apparu lors des tests : dans le cadre du processus d’assurance qualité, vous devez vous assurer que votre site est accessible à tous. En plus d’être une facette d’un bon concepteur, s’assurer que votre site est entièrement accessible présente un monde d’avantages.

Votre site est plus susceptible d’être robuste et bien classé sur les moteurs de recherche. Il est également plus susceptible de générer des affaires, car les clients détestent avoir à surmonter des obstacles avant de terminer leurs achats. Bien que vous souhaitiez certainement que l’expérience numérique de votre marque reste attrayante, il existe plusieurs façons d’améliorer l’accessibilité de votre page sans sacrifier le design.

Taille de la police, lisibilité et lisibilité

Selon un sondage de 2019, les pages surchargées avec trop de contenu en tête de liste des problèmes pour les répondants handicapés.

Ne pas trop remplir votre page est également un bon sens du design. Plus il y a de choses en lice pour attirer l’attention de vos consommateurs, plus il est probable qu’ils seront submergés et qu’ils rebondiront entièrement sur votre site.

Source : arngren.net

Essentiellement, vous devez systématiser votre entreprise, dont une étape consiste à rendre vos pages claires et faciles à lire.

Vous pouvez le faire en utilisant les fonctionnalités de formatage intégrées. Toute page contenant de longs blocs de tests doit être divisée en sous-titres, avec un titre clair et évident – ​​une balise

.

Le simple fait de diviser le texte permettra aux gens de numériser votre page plus facilement. Cependant, une utilisation appropriée du formatage signifie que les personnes malvoyantes et utilisant des lecteurs d’écran peuvent passer à la section dont elles ont besoin.

Assurez-vous que vos sous-titres sont correctement étiquetés comme tels, et pas seulement dans une taille de police plus grande. Si vous utilisez une liste, marquez-la comme telle en HTML avec les balises

    ou

  • , ce qui garantira qu’elle sera rendue dans le bon format.

    Une astuce encore plus simple consiste à vous assurer que la police que vous choisissez est suffisamment grande et offre suffisamment de contraste avec l’arrière-plan pour la rendre facilement lisible. le Directives d’accessibilité du contenu Web suggèrent un rapport de contraste d’au moins 4,5:1, bien qu’il existe des exceptions pour le texte de démarrage.

    Il a également été suggéré que les polices sans empattement – ​​et oui, cela inclut (mais ne vous limite pas à) Comic Sans – pourraient être plus faciles à lire pour les personnes dyslexiques.

    Considérez le daltonien et vos couleurs

    Voici quelque chose que vous n’avez probablement pas pris en compte lors de la création de votre site : le fait que les personnes daltoniennes peuvent avoir du mal à distinguer les teintes que vous avez utilisées. Avec des daltoniens qui représentent 5 à 10 % de la population américaine, c’est une grande partie des utilisateurs que vous pourriez aliéner.

    Ici, tests de crowdsourcing peut être un outil utile : vous obtiendrez plusieurs points de vue différents sur la facilité de différenciation, surtout si vous testez en noir et blanc.

    En fait, tester en noir et blanc est un bon moyen de voir par vous-même à quel point les fonctionnalités se démarquent sans leurs nuances vives. Le daltonisme rouge-vert est le type le plus courant, dans lequel les gens ne peuvent pas faire la distinction entre les deux.

    Pensez au nombre de messages d’erreur surlignés en rouge. Lorsque vous regardez votre page en niveaux de gris, il est évident qu’ajouter de la couleur ne suffit pas à attirer l’attention. Pensez à étiqueter clairement tous les graphiques et à ajouter des invites supplémentaires, comme un point d’exclamation pour souligner votre objectif. Ou faire passer votre site à travers des tests daltoniens

    La source

    Séparation du HTML et du CSS

    Le fléau des utilisateurs de lecteurs d’écran partout, HTML et CSS étant entrelacés signifie que la machine se retrouve dans un fouillis. De plus, le pauvre auditeur sera bombardé d’informations dont il n’a tout simplement pas besoin.

    Heureusement, nous sommes maintenant en mesure de séparer HTML et CSS. Vous pouvez créer votre page avec des éléments CSS là où vous en avez besoin, comme les menus du site en haut de la page, tandis que le code HTML qui les maintient en place fonctionne tout aussi bien en bas de la page.

    Cela peut prendre quelques test fonctionel, surtout si vous n’y êtes pas habitué. Jouez avec le placement pour vous assurer que les outils tels que les lecteurs d’écran peuvent faire face aussi bien aux personnes avec une visibilité totale.

    Descriptions des liens et des zones de formulaire

    CTA génériques

    Combien de pages avez-vous consultées où le appel à l’action (CTA) est un générique « cliquez ici » ou « en savoir plus » ? Et à quel point pensez-vous qu’il est facile de distinguer ces boutons les uns des autres s’ils sont tous lus en séquence par un lecteur d’écran ?

    Eh bien, vous l’avez deviné : pas facile du tout.

    Pratiquement, il existe une solution rapide pour cela : vous pouvez soit nommer vos liens avec quelque chose de plus spécifique, que les personnes sans déficience visuelle pourront également voir, ou vous pouvez utiliser les attributs aria-label.

    Cela signifie que les éléments visibles de votre site restent les mêmes, mais le lecteur d’écran annoncera l’étiquette alternative. Votre étiquette « En savoir plus » peut alors devenir « En savoir plus sur l’accessibilité du site Web » lorsqu’elle est lue à haute voix.

    La source

    Formes

    Avoir des formulaires à remplir est un élément crucial de la stratégie de collecte de leads de la plupart des entreprises – et est particulièrement important si vous êtes exécuter des sondages. Pourtant, un grand nombre de sites poussent encore des formulaires difficiles à remplir au mieux, et au pire complètement inaccessibles.

    Un moyen super simple de rendre les formulaires plus faciles à remplir ? Laissez le remplissage automatique opérer sa magie. Vous obtiendrez probablement plus de prospects de la part de personnes non handicapées ainsi que de personnes handicapées, simplement parce que vous avez supprimé un obstacle sur le chemin de l’inscription.

    En fait, selon The Manifest, un énorme 81% des personnes interrogées ont abandonné un formulaire après avoir commencé à le remplir. Ainsi, l’activation du remplissage automatique rendra votre site plus accessible et augmentera le nombre total d’inscriptions, ce qui semble être une victoire pour nous.

    Cela peut être particulièrement utile pour votre ciblage et stratégie de reciblage: qui ne veut plus d’abonnés ?

    Téléchargements

    Un autre ajustement facile consiste à étiqueter tous les liens de téléchargement en tant que tels. Ceci est également très utile pour les utilisateurs voyants, il est donc logique de le coder en CSS. Vous pouvez même noter la taille du fichier, au cas où les gens le regarderaient sur leur mobile et n’auraient pas envie de télécharger des fichiers volumineux avec des données ou un signal Wi-Fi faible.

    Images et vidéos

    Un autre élément souvent négligé en termes d’accessibilité est l’alternance de texte et d’audio avec des éléments visuels. Toutes vos images essentielles doivent être étiquetées avec du texte alternatif, décrivant brièvement ce qu’il y a dans l’image. Idéalement, toutes les vidéos devraient être accompagnées de transcriptions et/ou de sous-titres pour les personnes malentendantes. Vous pouvez même ajouter une description audio à n’importe quelle vidéo si cela vous semble approprié.

    C’est toujours une bonne idée de suivre nouvelles sur les tests de logiciels, à mesure que les programmes évoluent et que de nouvelles recherches émergent sur ce qui constitue une bonne conception. C’est particulièrement important en termes d’accessibilité. Les personnes handicapées sont si souvent négligées que ce n’est que récemment que les concepteurs ont commencé à considérer l’accessibilité du site.

    Essayez votre site en utilisant uniquement la navigation au clavier, ou utilisez même un bandeau pour voir si vous pouvez naviguer facilement. Ou, idéalement, vous pourriez faire appel à des testeurs QA handicapés pour apporter leur point de vue unique.

    Dernières pensées

    Qui sait, vous pourriez même tomber sur une solution qui deviendra la pratique standard, ouvrant la voie à une plus grande accessibilité et convivialité. Bien sûr, cela peut prendre un peu de bricolage, mais les avantages – et pas seulement d’un point de vue financier – sont infinis. Optimisez l’expérience de votre site pour tout le monde avec une accessibilité de style professionnel et le potentiel de votre site sera illimité.


— to www.business2community.com

Get real time update about this post categories directly on your device, subscribe now.

Unsubscribe
Caleb

Caleb

Recommended.

YouTube PWA prendra en charge le téléchargement de vidéos pour une visualisation hors ligne

YouTube PWA prendra en charge le téléchargement de vidéos pour une visualisation hors ligne

novembre 29, 2021
10 personnages de jeux vidéo célèbres qui ont lentement disparu

10 personnages de jeux vidéo célèbres qui ont lentement disparu

décembre 30, 2021

Subscribe.

Trending.

10 problèmes courants de l’iPhone 13 et comment les résoudre

10 problèmes courants de l’iPhone 13 et comment les résoudre

décembre 24, 2021
Comment installer phpMyAdmin sur Debian 11 Bullseye (Apache)

Comment installer phpMyAdmin sur Debian 11 Bullseye (Apache)

novembre 25, 2021
Étapes pour installer MySQL sur Ubuntu 22.04 LTS Jammy Linux

Étapes pour installer MySQL sur Ubuntu 22.04 LTS Jammy Linux

mai 15, 2022
Avantages et inconvénients des concepteurs et créateurs de jeux vidéo

Avantages et inconvénients des concepteurs et créateurs de jeux vidéo

septembre 17, 2021
Comment créer une calculatrice simple à l’aide de HTML, CSS et JavaScript

Comment créer une calculatrice simple à l’aide de HTML, CSS et JavaScript

juin 19, 2022

Catégories de produits

  • Non classé (2)
Technique de pointe

We bring you the best Premium WordPress Themes that perfect for news, magazine, personal blog, etc. Check our landing page for details.

Follow Us

Catégories

  • Apple
  • Applications
  • Audio
  • Camera
  • Computers
  • Gaming
  • Gear
  • Générale
  • Laptop
  • Microsoft
  • Photography
  • portrait
  • Review
  • Security
  • Smartphone

Étiquettes

actualités industrielles actualité économique affaires ailette AMERS ASIE ASXPAC BACT Buying Guides CMPNY Commerce courrier quotidien CYCS CYCS08 des sports Divertissement EMRG Entreprise GEN Inc. ITSE ITSE08 jeu vidéo jeux vidéo l'informatique l'Internet La technologie Logiciel Microsoft MTPIX NOM nous nouvelles Playstation 4 Pro politique Sillicon Valley SWIT TECH08 technologie TMT TOPCMB TOPNWS Types de contenu Éducation économie

Recent News

Appelez-moi – Peut-être ? : Le 50e anniversaire du premier appel téléphonique

Appelez-moi – Peut-être ? : Le 50e anniversaire du premier appel téléphonique

mars 31, 2023
Suivi des formulaires avec Google Analytics (via WordPress et GTM)

Suivi des formulaires avec Google Analytics (via WordPress et GTM)

mars 31, 2023
  • About
  • Advertise
  • Privacy & Policy
  • Contact

© 2023 JNews - Premium WordPress news & magazine theme by Jegtheme.

No Result
View All Result
  • Accueil
  • high tech
  • Jeu Vidéo
  • Tutoriel
    • HTML5 / CSS
    • Java Script
    • PHP / MySQL
  • Microsoft
  • Apple
  • Review
  • Applications
  • Photography
  • Security

© 2023 JNews - Premium WordPress news & magazine theme by Jegtheme.

Welcome Back!

Sign In with Facebook
Sign In with Google
Sign In with Linked In
OR

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In

Add New Playlist

Nous avons découvert un nouveau système qui génère des revenus 100% passifs... Ignorer