Les informations sont libres, faisant référence à quiconque peut être égal, pratique, accessible, accessible, des informations sont accessibles et utilisés dans tous les cas.

Lorsque Internet inclut une plus large, pour les limitations du corps, obtenir des informations sur Internet, cela nécessite des informations pour optimiser les informations accessibles pour les produits Internet.

Au moins 85 millions de personnes handicapées, adultes de plus de 200 millions de personnes, il existe un grand nombre de personnes âgées et plus de 200 millions de personnes; Beaucoup d'utilisateurs.

Aujourd'hui, les smartphones ont défini une révolution avec des outils de soutien et des concepteurs Internet debout dans cet important point pour commencer à jouer, d'abord de ce qui suit. Commencer à effectuer une optimisation d'accès.

Tout d'abord, concernant l'écran de lecture

pour les brochettes visuelles, il est utilisé pour comprendre les informations d'interface que vous avez conçues en écoutant la voix.

Lecture du logiciel d'écran Comme ils comprennent les yeux du monde Internet, son principe lisait directement du texte dans l'interface, si le bouton Icône n'ajoute pas d'écran de lecture de barrière libre sous la forme d'une prononciation "Après cela, Les défauts visuels ne peuvent pas obtenir cette information et naturellement, il n'utilisera pas les fonctionnalités de votre conception.

La solution est la suivante:

Besoin d'ajouter des étiquettes de barrière gratuite dans le code du produit (Android: ContentDescription; iOS: Accesslabilitylabel est Facile à trouver dans la documentation du développeur correspondant, vous pouvez l'envoyer à vos camarades de classe de R & D).

Masquer les cartes d'icônes décoratives pour ne pas lire et améliorer l'efficacité de la lecture d'écran. Ne faites pas d'étiquettes, puis les utilisateurs entendent "sans étiquettes", Cela fera que les utilisateurs pensent qu'il y a des informations importantes à lire et à se sentir mal à l'aise.
La langue d'étiquette est très simple et précise et utilise le verbe que possible.

Si nécessaire, vous devez prendre un arrière.NH s'est concentré sur le fait que l'illumination de la page ait été navigué dans le mauvais ordre de mise au point.

et il est préférable d'être conçu en stratifié, car le concepteur est la personne la plus compréhensible de la page. Évitez "Recherche" écrite sous la forme de "Loupe" ou "SearchBTN_123".

II, de couleur

peut être utilisé pour distinguer la liste et la taille des données d'information, peut également aider à communiquer des informations importantes comme émotionnelles; Cependant, plus de 8% des hommes du monde et 0,4% des femmes sont en difficulté à cause du déclin des couleurs; Nous nous référons souvent à ce groupe "Blind Blind", ils sont typiques d'identifier un groupe de problèmes.

L'objectif de "couleur" est "cognitif", ce qui signifie que la couleur des informations de contenu du produit Internet devrait avoir une reconnaissance et un confort élevé, j'ai quatre directions introduites.

a. La foule colorée

Les concepteurs devraient se vérifier au moment de la conception des couleurs,Évitez de vert vert vert vert-vert-vert de puissance de couleur vert et de luminosité du vert rouge, car la couleur provoque donc la capacité de lecture des utilisateurs aveugles de couleur; Et le rouge dans les yeux bleus rouges n'est pas une bonne forme de réveil.

rouge opposé très profondément avec eux, et rouge foncé presque proche du noir; Donc, la couleur est difficile à distinguer les mots qui soulignent le rouge de l'article. Il manque donc les informations principales (temps de conception que vous pouvez utiliser ce plug-in pour simuler la couleur: Oracle Color).

b. Différences culturelles

Comme la couleur représente différentes significations de différentes cultures nationales, il existe également un obstacle pour les utilisateurs internationaux; Dans la culture occidentale, le rouge est souvent utilisé pour montrer des tendances négatives, tandis que le vert indique une tendance positive, mais dans la culture orientale.

C. Groupe spécial

La recherche en médecine clinique montre la couleur d'unLe nombre de patients atteints d'autisme, de couleur contrastante élevée, de saturation élevée, même de jaune, fera se sentir mal à l'aise et donc inconfortable, il n'apparaît pas stimulant dans le centre de récupération de l'autisme.

Lorsque le groupe plus âgé a augmenté de l'âge, la lentille à la turbidité et à l'absorption avec la sélection de la lumière bleue, entraînant une baisse du vieil homme déconnecté émotionnel; Si votre utilisateur principal est âgé, essayez d'éviter d'utiliser le bleu pour utiliser le bouton important.

2. Contraste fort

Le contraste de texte est étroitement lié à la lisibilité, à la mesure de la luminosité entre le texte et la couleur d'arrière-plan.

Les spécifications de WCAG AA pour contraste écrite sont les suivantes: 4.5: 1, si le mot est grand (& gt; 18PT, ou audacieux et gt; 14PT), la norme peut être réduite à 3: 1; Si vous êtes satisfait de 4.5: 1, cette norme rendra votre page directement moins élégante, vous pouvez essayer des méthodes avancées locales:

douzième3]

En ce qui concerne les autres capacités de lecture Prenons des notes: essayez de ne pas mettre de texte sur la photo à moins que vous ne puissiez assurer une couleur d'arrière-plan unique et un contraste suffisamment élevé.

Spécifications de la conception des matériaux Nous recommandons un masque mat requis pour assurer la lisibilité du texte ci-dessus; Et ne recommande pas de texte de contraste élevé, car cela créera une partie des mots que les mots voient le mot flou.

3. De nombreuses variables d'image différentes

sont l'une des variables d'image les plus populaires dans la visualisation des données; Toutefois, pour les utilisateurs qui ne peuvent pas distinguer les couleurs, si la couleur est le seul conseil, ils peuvent ne pas comprendre les informations que vous communiquez.

Quelle est la méthode d'amélioration?

a. Ne laissez pas la couleur devenir une variable d'image unique

En plus de la couleur, nous pouvons ajouter une icône, une texture ou un texte marqué.

b. Mode store de couleur

Trello en tant que produit d'outil, lorsque les informations sont marquées, traitéesLa cécité des couleurs peut être ouverte et fermée et utilise des textures différentes différentes, différentes couleurs, le mode de niveau de couleur est un exemple typique, il peut aider les fruits de couleur aveugle efficacement et ne gênera pas les utilisateurs sans université.

c. La saturation égale est les chiffres

Bien que les couleurs soufflées sont faibles à la couleur, elle est très sensible à la mingée et à la saturation très sensible. Nous pouvons utiliser la domination ou la saturation pour distinguer les informations.

En regardant cet exemple: la routine de diagramme thermique traditionnelle utilise une couleur chaude représentant une performance de refroidissement à haute température de basses températures et copie le headware de Google Analaytics utilise la haute technologie - Temps libre de temps libre, Bleu clair montre une fois de basse température, simple et efficace.

Mardi, en ce qui concerne les contrôles

peut être des nœuds, des liens, des boîtes d'entrée ou des éléments HTML avec l'auditeur d'événement, contrôler trop petit ou près de chaque NGLes gens peuvent apporter une mauvaise expérience aux utilisateurs.

Par exemple, un utilisateur âgé ne peut pas utiliser les utilisateurs (utilisateurs atteints d'inscription) ou par âge, il sera difficile de cliquer sur le petit contrôle.

Pour sélectionner les commandes correctes pour les utilisateurs, les matériaux de conception indiquent au moins 48 × 48DP, Système de conception iOS minimise la plus petite valeur de la zone de chaleur cible à 443t et les normes de la WCAG pour le Web une proposition minimale 44 × 44px.

Un contrôle peut être contrôlé visuellement 24 x 24px, mais il y aura un remplissage supplémentaire dans tous les bords pour atteindre 44 × 44px; Et le contrôle trop proche de l'attaque est souhaitable de dire, il recommande également la distance entre les télécommandes pour réduire les idées fausses.

Recommandations Microsoft pour PC avec une distance d'au moins 8PX, tandis que la conception de matériaux est recommandée pour contrôler au moins 8 dP. Nous pouvons considérer les contrôles que vous avez conçus selon les spécifications ci-dessus.

Introduction au texte

1. Taille du texte

Les utilisateurs des obstacles visuels peuvent faire une très grande taille de police, vous devez assurer sa conception dans le cas d'un terme grand terme, le contenu ne débordera pas ou des caractères de caractères. Lors de la conception, vous pouvez utiliser plus de 2 fois la police pour vérifier votre conception.

Sur Internet, la page entre 9-14PX a été conçue sur Internet. Aujourd'hui, il a été différent de 20 ans, le navigateur a pu être utilisé sur toutes les tailles de l'appareil, petite à la montre Smart 4K Smart, nous ne pouvons pas utiliser la taille de la police fixe pour définir la conception du produit; Par exemple, la taille de la police répondra à la conception, par exemple, peut permettre aux utilisateurs de personnaliser la taille, la ligne ou la distance de la police, à partir de, V.V. Gagner une lecture confortable.

2. Style de texte

est un fournisseur de services important pour transmettre des informations, pour plusieurs utilisateurs, tGamme ou des polices d'histoire plus difficiles; Et bon usage, trop petit, pente et tout droit alloué, réduira également la reconnaissance.

Cinq personnes disent que cela peut être fatal (l'une des causes cliniques de l'épilepsie sensible avec l'épilepsie est la stimulation des images flash).

Un jour en 1997, la chaîne de télévision japonaise jouait «Eli Bao Dream» Episode 38 "Dragon 3D Dragon", mais plus de 600 enfants ont été évanouis à la maison ce soir. Envoi d'incidents médicaux, d'animations éclaboussures, le cours de l'action de Nintendo a fortement chuté.

Pour obtenir une efficacité choquante, l'arrière-plan 3D du dragon utilisera un flash "bleu-vert-vert-vert" pour exprimer une explosion, très clignotant une haute fréquence stimulant les enfants fragiles, ce qui leur conduit à supporter une sensibilité sensible aiguë; En outre, parce que ce problème commence à établir la production et à créer des dessins animés; Twitter a appliqué des mesures pour désactiver l'animation APNG pour protéger les images clignotantes en 2019.

DescriptionOfficiel WCAG 2.3.3, certains utilisateurs activeront les symptômes de la pitié de la maladie en raison de la motivation de la page de défilement, telle que des rouleaux lents et des différences, de sorte que iOS, Mac, Windows 10 ont des facteurs de fonctions rapprochés.

Pour éviter des problèmes avec des personnes spéciales, les concepteurs doivent prendre en compte les quatre personnes suivantes, que ce soit satisfaisant:

Les réalisations dépassant 3 fois par seconde et la zone flash ne dépasse pas 25%, sinon, des patients Avec une épilepsie sensible aura un risque d'origine.
Éviter les effets d'erreur et le mouvement exagéré, car les gros troubles du cerveau vont activer les vertiges.

Évitez de nombreux facteurs pour distraire l'attention par le mouvement continu, clignotant, car cela peut entraîner des problèmes d'incertitude.

Si oui, certaines contrôles ou options sont nécessaires pour mettre en pause, cacher ou modifier la fréquence de toute animation ou effet.

Vendredi, Conclusions

En tant que designer expérimenté, les barrières de recherche le ferontNous récoltons bien.

Bien sûr, ce qui se passe actuellement n'est pas toujours, mais nous maintenons un dialogue continu avec une gamme d'utilisateurs plus large.


Améliorer continuellement l'expérience accessible du produit, permettant au produit d'être plus sympathique, laissez Internet incroyable plus haut, nous espérons continuer à pousser à pousser cet objectif.

W3C À propos de la lecture Web

L'interface humaine Apple n'a pas de segments désactivés Design de matériau fermé Nous sommes des conceptions , et comme, aveugle acolor Conception de couleurs universelle (CUD) Conception de la carte pour les soignants Huang Shu min. (2006). Problèmes dans l'emploi des personnes handicapées. Développement, (12), 50-51. Peut accéder à Google Design League Summer Ice Yingzhi Le site officiel de l'Association chinoise de la recherche sur l'information Auteur: Baidu Meux Article nIl est copié à partager, s'ils sont liés à des emplois, à des droits d'auteur et à d'autres problèmes, veuillez nous contacter pour supprimer la première fois (Micro Signal: LOVEDATA0520)