J'ai besoin de savoir si je peux utiliser Est-ce que l'un d'entre vous connaît la réponse à cela? Merci opacité: 0.01 pour avoir caché mon contenu visuellement. J'ai besoin de s'effacer dans le contenu sur le défilement, mais si j'ajoute opacité: 0 Je ne sais pas comment ces effets sont des lecteurs d'écran et du référencement. L'animation fonctionne bien avec 0,01 comme valeur.
4 Réponses :
Lorsque vous mettez la propriété
opacité: 0
, tout ce qui se passe est qu'il est toujours là, ce qui signifie dans le code, en réalité, il prend toujours l'espace qu'il est censé, il peut être utilisé pour cliquer sur des choses, tous les effets intermédiaires vont bien fonctionner, etc. Cela n'affecte aucun différent sur le référencement ou les lecteurs d'écran.
Visibilité: caché
est un peu différent de l'opacité car il ne prend pas des événements click. Affichage: Aucun ne le supprime complètement du code (pas le DOM, et affectera les lecteurs de référencement et d'écran, mais ce sont les techniques de SEO Blackhat SEO qui sont constamment mises à jour par Google, Bing, etc. pour attraper. Par conséquent, la propriété d'affichage peut ne pas affecter le référencement, néanmoins, il n'est pas recommandé d'utiliser de telles techniques. Vous pouvez donner un élément
opacité: 0.01
puis revenez à 1 sans problèmes.
Les lecteurs d'écran ne sont pas aussi simples que "si ce n'est pas en code, ce n'est pas là!" - Ils sont beaucoup plus intelligents que cela. Beaucoup de lecteurs d'écran do Ignores opacité: 0 ou hauteur: 0 , etc. Un objectif des lecteurs d'écran est de transmettre la page à une utilisateur altéré aussi précisément que possible. Par conséquent, les meilleurs lecteurs d'écran sont ceux qui peuvent le plus rechercher de près ce que la personne apte à voir. Cela signifie ignorer des éléments invisibles.
Je pense que Google voit le contenu caché (aussi avec l'utilisation de l'opacité) avec un poids inférieur depuis sa cachette. Je pense que vous devriez faire attention à dire qu'il peut être utilisé sans problèmes.
@ C.juul je voulais dire pour la tâche que vous avez posée. Si vous souhaitez masquer un élément avec opacité 0 ou 0,01, puis le décoller lentement, ce n'est pas BlackHat SEO ou tout ce qui est froncé sur un moteur de recherche. Ils remarqueront évidemment que vous l'avez fait, mais si cela n'affecte pas votre rang, vous ne direz-vous pas que cela va bien utiliser sans problèmes?
la plupart des lecteurs d'écran sauteront du contenu avec opacité: 0 Si vous souhaitez que votre site soit accessible, je ne puisse utiliser cette propriété CSS pour charger mon contenu. C'est pourquoi je pensais que peut-être que je pensais que opacité: 0.01 fonctionnerait. Mais je ne trouve aucune documentation à ce sujet n'importe où. Merci pour les réponses concernant le référencement.
En général, CSS n'affecte pas les lecteurs d'écran. Les seules exceptions sont:
Les deux premiers cacheront les éléments du lecteur d'écran. Le dernier peut potentiellement ajouter du texte au "nom accessible". Voir l'étape 2.f.ii dans " Nom accessible et description Computation 1.1 ".
opacité est ignoré par les lecteurs d'écran. Il ne change que l'apparence de l'élément et ne le retire pas du DOM. Vous pouvez la définir sur 0 et qu'un lecteur d'écran lira toujours l'élément.
La plupart des lecteurs d'écran sauteront le contenu avec opacité: 0
Je ne suis pas sûr de l'endroit où vous l'avez. Je n'ai jamais vu un élément avec
opacité: 0 ignoré par un lecteur d'écran.
Il y a certainement des lecteurs d'écran qui sautent opacité: 0 , beaucoup comme il y a des lecteurs d'écran qui ignorent les éléments avec hauteur: 0 .
Je fais des tests d'accessibilité pour gagner sa vie et tous les scénaristes que j'ai essayés annonceront systématiquement le texte avec une opacité 0 et / ou une hauteur 0. J'adorerais tester un qui saute ceux-ci si vous pouvez nous dire ce qu'ils sont.
@stringy Google Chromevox, Mozilla Fangs, etc. Vous pouvez consulter WebAm pour plus d'informations, Ou même Ce rapport de bogue pour chromévox. Vous devez vous attendre à un texte caché dans n'importe quel mode d'être ignoré par une screenreader, car ils continuent à s'améliorer et à s'adapter, sauf des substitutions d'attributs d'attributs ARIA . Plus ... < / a>
@TyLerroper, ah oui, j'ai oublié hauteur: 0 . J'ajouterai ça à ma liste. Mais tous les tests A11Y que j'ai faits ont toujours lu l'opacité. Les exemples que vous avez donnés sont un peu non standard. Jaws, NVDA et VoiceOver le gérer correctement. Je ne m'inquiète pas pour le chromévox qui ne fonctionne pas car il a tant d'autres problèmes qu'il ne traite pas non plus. L'article Webaim que vous avez mentionné ne parle pas d'opacité étant un moyen de masquer des éléments des lecteurs d'écran.
@Slugolicious comprise. L'article Webaim a été dirigé vers @stringy, qui avait déclaré qu'il n'a jamais rencontré un lecteur d'écran qui ignore hauteur: 0 , dont il existe plusieurs.
@TyLerroperher ah, merci. Les personnes handicapées ne sont pas couramment utilisées par les personnes handicapées, donc je ne suis pas sûr qu'ils soient utilisés comme base de prise de décision. Bon de savoir comment ils gèrent les choses cependant.
Si j'ajoute opacité: 0 Je ne sais pas comment ces effets sont des lecteurs d'écran et du référencement.
En ajoutant
opacité: 0.01 (ou 0) sansaria-caché = "vrai" , votre page échouera 1.4.3 Contraste (minimum): la présentation visuelle du texte et des images de texte a un rapport de contraste à moins 4.5: 1Donc, il n'y a pas de réponse à vos besoins. Si vous avez choisi de vous cacher à partir de l'écran, vous devez le masquer à partir de scénaristes.
Je ne sais pas ce que vous entendez par écran, mais si vous êtes inquiet du référencement, l'opacité n'affectera pas le référencement.
Les meilleures pratiques sont de rendre les personnes amicales de la page. Les algorithmes deviennent plus intelligents par la seconde. Faites bien fonctionner vos pages et mettez le contenu et l'expérience des personnes amicales.
@KRUNX Un lecteur d'écran est un type de technologie qui facilite les aveugles ou les malvoyants lors de la visite d'une page. Ils sont importants à considérer si vous essayez de vous conformer aux normes d'accessibilité internationales modernes. En fait, dans certaines industries, il peut être considéré comme illégal ou discriminatoire d'avoir un site Web que ne répond pas à des normes d'accessibilité.