Exemples d'implémentation d'un lien sur un bloc

3 implémentations d'un lien sur un bloc accompagnées de tests de restitution
HTML 5 CSS Javascript
Implémentation
Photo (référence 1)
Légende de la photo (référence 1).
  • Tag 1
  • Tag 2
  • Tag 3

Titre de l'article

Paragraphe introductif

Photo (référence 1)
Légende de la photo (référence 1).
  • Tag 1
  • Tag 2
  • Tag 3

Titre de l'article

Paragraphe introductif

Restitution
VoiceOver OS X (10.9.3)
Transcription de la restitution
VoiceOver OS X (10.9.3)
Photo (référence 1) (la nature de l'élément n'est pas restituée)
Légende de la photo (référence 1) .
(la liste n'est pas restituée)
Titre de l'article (le niveau de titrage n'est pas restitué)
Paragraphe introductif lien

Restitution à la prise de focus : même chose à l'exception que la nature de l'élément (lien) est annoncée en premier.
Photo (référence 1) image
Légende de la photo (référence 1) .
liste 3 éléments
Tag 1
Tag 2
Tag 3
fin de liste
niveau d'en-tête 3 lien Titre de l'article
Paragraphe introductif

Restitution à la prise de focus : lien Titre de l'article
Photo (référence 1) image
Légende de la photo (référence 1) . cliquable
liste 3 éléments
Tag 1 cliquable
Tag 2 cliquable
Tag 3 cliquable
fin de liste
niveau d'en-tête 3 lien Titre de l'article
Paragraphe introductif cliquable

Restitution à la prise de focus : lien Titre de l'article
Restitution
NVDA (2014.2), Firefox (30.0), Windows (8.1)
Transcription de la restitution
NVDA (2014.2), Firefox (30.0), Windows (8.1)
lien graphique Photo (référence 1)
lien Légende de la photo (référence 1)
lien liste de 3 éléments
tag 1
tag 2
tag 3
hors de liste
lien titre niveau 3 Titre de l'article
lien Paragraphe introductif

Restitution à la prise de focus : Photo (référence 1) graphique Légende de la photo (référence 1). liste Tag 1 Tag 2 Tag 3 hors de liste Titre de l'article titre niveau 3 Paragraphe introductif lien
graphique Photo (référence 1)
Légende de la photo (référence 1)
liste de 3 éléments
Tag 1
Tag 2
Tag 3
hors de liste
titre niveau 3 lien Titre de l'article
Paragraphe introductif

Restitution à la prise de focus : Titre de l'article lien titre niveau 3
cliquable graphique cliquable Photo (référence 1)
Légende de la photo (référence 1).
liste de 3 éléments
Tag 1
Tag 2
Tag 3
hors de liste
titre niveau 3 lien Titre de l'article
Paragraphe introductif

Restitution à la prise de focus : cliquable Titre de l'article lien titre niveau 3
Restitution
VoiceOver iOS (7.1.1)
Indisponible Indisponible Indisponible
Transcription de la restitution
VoiceOver iOS (7.1.1)
Photo (référence 1) lien image
Légende de la photo lien
(référence 1) lien
. lien
Tag 1 Tag 2 Tag 3 Tag 1 lien
début de la liste
Tag 2 lien
Tag 3 lien
fin de la liste
Titre de l'article niveau d'en-tête 3 lien
Paragraphe introductif lien
Photo (référence 1) image
Légende de la photo
(référence 1)
.
Tag 1
début de la liste
Tag 2
Tag 3
fin de la liste
Titre de l'article niveau d'en-tête 3 lien
Paragraphe introductif
Photo (référence 1) image
Légende de la photo
(référence 1)
.
Tag 1
début de la liste
Tag 2
Tag 3
fin de la liste
Titre de l'article niveau d'entête 3 lien
Paragraphe introductif
Restitution
TalkBack (3.5.1), Chrome (35.0.1916.141), Android (4.4.3)
Indisponible Indisponible Indisponible
Transcription de la restitution
TalkBack (3.5.1), Chrome (35.0.1916.141), Android (4.4.3)
Photo (référence 1) (la nature de l'élément n'est pas restituée)
Légende de la photo (référence 1).
(la liste n'est pas restituée)
Titre de l'article (le niveau de titrage n'est pas restitué)
Paragraphe introductif
(la nature de l'élément (lien) n'est pas restituée)
Photo (référence 1) (la nature de l'élément n'est pas restituée)
Légende de la photo (référence 1).
liste 3 éléments affichés
Tag 1
Tag 2
Tag 3
Titre de l'article (le niveau de titrage et la nature de l'élément (lien) ne sont pas restitués)
Paragraphe introductif
Photo (référence 1) (la nature de l'élément n'est pas restituée)
Légende de la photo (référence 1).
liste 3 éléments affichés
Tag 1
Tag 2
Tag 3
Titre de l'article (le niveau de titrage et la nature de l'élément (lien) ne sont pas restitués)
Paragraphe introductif