0
votes

Comment définir correctement l'ordre dans lequel les éléments sont focalisés lors de l'utilisation de la touche TAB

Je travaille sur une application Web de chat. Je veux m'assurer que c'est accessible pour tout le monde. Actuellement, lorsque j'ai onglet sur le contenu de la discussion, la mise au point passe au premier message dans la chat - qui est en haut de l'écran. Pour accéder aux messages les plus récents, l'utilisateur doit onglet via tous les messages. Y a-t-il un moyen de remplacer ce comportement afin que la tabulation commence au bas de l'écran? Je ne peux pas modifier l'ordre des éléments dans le DOM, car cela affichera les messages hors de l'ordre et confondre les utilisateurs qui n'utilisent pas de screenreader. En outre, l'utilisateur aurait toujours besoin d'onglet à travers tous les messages pour accéder à l'entrée pour envoyer un message. Comment puis-je vous assurer que la tabulation ne fait pas défiler vers le haut de l'écran?

javascript html accessibility

0 commentaires

3 Réponses :

0
votes

Vous pouvez utiliser l'attribut Tabindex: https://developer.mozilla.org/en-us/ Docs / Web / html / global_attributes / Tabindex

0 commentaires

0
votes

Vous pouvez définir l'attribut numéro tabindex sur des éléments spécifiques. L'ordre incrémentiel du tabindex sera l'ordre de sélection.

En savoir plus ici .



                                                                    
                                    
                                    
                                        1 commentaires
                                        
                                                                                            
                                                    Si j'utilise l'index de l'onglet, un élément unique, je dois la définir sur tout le reste. Aussi, j'ai entendu dire que c'est une mauvaise pratique


                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     mauvaise réponse 
 Vous pouvez utiliser des valeurs tabindex positives, mais c'est une mauvaise pratique.
De nombreuses explications existent sur la raison pour laquelle c'est mauvais.  n'utilise pas tabindex . 
 réponse simple 
 Les personnes qui utilisent fréquemment l'onglet pour naviguer, savent généralement qu'elles peuvent se déplacer en arrière avec Shift + Tab.
Donc, vous êtes en sécurité si vous ne faites rien de spécial et supposez simplement qu'ils seront suffisamment intelligents pour naviguer en arrière afin de rejoindre rapidement les derniers messages. 
 Meilleure réponse 
 Posez-vous cette question: Chaque message doit-il vraiment être concentré individuellement? 
 probablement la réponse est non, ni du moins pas si directement avec l'onglet seul. 
 Pour votre cas particulier, je vous suggère de créer une boîte de liste au lieu d'une série de messages plats.
Idéalement, vous devriez probablement avoir ce genre de comportement: 

 Appuyez sur onglet Entrée dans la liste en appuyant sur l'onglet à nouveau allant à l'élément suivant en dehors de celui-ci. 
 Puisque un seul onglet est suffisant pour ignorer tous les messages, le champ d'entrée pour dire que quelque chose peut être atteint avec seulement deux ou trois onglets 
 Si je veux lire les messages un par un, je vais à la liste, puis peut utiliser les touches fléchées et la maison / la fin pour naviguer entre les messages de la liste. Faites attention à la maison / à la fin, ils sont souvent oubliés et les flèches ne suffisent pas dans des salles très talonneuses. 
 Lorsque vous passez à l'extérieur de la liste, puis de retour, le même message doit être à nouveau concentré comme lors de la sortie de la liste 

 En fait, quelque chose souvent oublié est que la navigation du clavier ne concerne pas seulement l'onglet. Il y a aussi des touches fléchées, une maison / extrémité, une barre d'espace et une entrée, etc.
Il y a des conseils bien écrits sur ce qui devrait faire ce qui devrait faire dans quelle situation sur Internet. Rechercher par exemple "Pratique de création de Wai". 
 En général, les éléments utilisés les plus utiles et les plus fréquents doivent être accessibles rapidement.
N'oubliez pas que si vous devez appuyer sur de nombreuses clés pour atteindre quelque chose, vous avez probablement échoué à faire une interface bien conçue.                                 


                                                                    
                                    
                                    
                                        0 commentaires


            
                
		    
                    Articles qui pourrait vous intéresser :
                                            
                            Impossible d'importer le module "@ angular / material"                        
                        
                                            
                            Interaction profonde avec break and catch                        
                        
                                            
                            Utilisation de node.js comment renommer tous les fichiers d'un dossier                        
                        
                                            
                            Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO

Comment définir correctement l'ordre dans lequel les éléments sont focalisés lors de l'utilisation de la touche TAB

mauvaise réponse Vous pouvez utiliser des valeurs tabindex positives, mais c'est une mauvaise pratique. De nombreuses explications existent sur la raison pour laquelle c'est mauvais. n'utilise pas tabindex .

mauvaise réponse
Vous pouvez utiliser des valeurs tabindex positives, mais c'est une mauvaise pratique. De nombreuses explications existent sur la raison pour laquelle c'est mauvais. n'utilise pas tabindex .