Font size
WorksheetsAccessibilité Numérique - Web Developper - Jour 2
Total questions: 19
Worksheet time: 6mins
Parmi les propositions suivantes, quels sont les lecteurs d'écran prévus dans la base de référence desktop RGAA 4 ?
NVDA
Jaws
VoiceOver
ORCA
ZoomText
Parmi les propositions suivantes, quels sont les lecteurs d'écran prévus dans la base de référence desktop RGAA 4 ?
Firefox
Internet Explorer
Safari
Chrome
Edge
Concernant la base de référence mobile du RGAA 4, quelle affirmation est correcte ?
Les environnements iOS ET Android sont testés conformes
Au moins 1 environnement iOS OU Android est testé conforme
Aucun des environnements iOS et Android ne sont testés conformes
A quoi sert un attribut WAI-ARIA "role" ?
Il permet de déclarer l'état d'un composant
Il permet de déclarer le paramètre d'un composant
Il permet de définir la sémantique d'un composant
J'ai le choix entre utiliser une balise HTML native <button> ou un utiliser un attribut role="button", quelle solution devrais-je prioriser ?
l'usage de la balise <button>
l'usage de l'attribut role="button"
pas de priorisation pour l'une ou l'autre des solutions
les 2 solutions ne devraient pas être utilisées
Je dois utiliser un role="dialog" pour déclarer une fenêtre modale. Parmi les propositions suivantes, sur quelle balise devrais-je utiliser cet attribut role ?
<div>
<p>
<section>
<article>
Parmi les propositions suivantes concernant l'usage de WAI-ARIA, quelle affirmation est vraie ?
un role="button" WAI-ARIA hérite du comportement du composant <button> natif
un role="button" WAI-ARIA hérite du style du composant <button> natif
un role WAI-ARIA doit être associé à du CSS et du JS pour décrire le style et le comportement du composant
Quelles solutions peut-on utiliser pour rendre une image de décoration invisible aux lecteurs d'écrans ?
utiliser un attribut alt vide (alt="") sur une balise <img>
utiliser un role="presentation" sur l'image
utiliser un attribut aria-hidden="true" sur l'image
utiliser un attribut hidden sur l'image
Quel attribut WAI-ARIA peut-on utiliser pour déclarer l'élément courant du menu principal ?
aria-current
aria-selected
aria-checked
aria-busy
Lorsque l'utilisateur clique sur un bouton pour fermer une modale, où doit se positionner le focus une fois la modale fermée ?
Sur le bouton qui a permit d'ouvrir la modale
En haut de la page
Sur le premier élément interactif situé AVANT le bouton qui a permit d'ouvrir la modale
Sur le premier élément interactif situé APRES le bouton qui a permit d'ouvrir la modale
Aucune gestion du focus n'est utile sur cette action
Vers quelle zone un lien d'accès rapide doit permettre d'accéder (à minima) ?
à la zone de contenu principal
à la zone d'entête de la page
à la zone de footer de la page
le lien d'accès rapide n'est pas nécessaire
Sur quelle largeur minimale d'écran une interface doit-elle être testée (affichage "mobile") ?
320px
256px
800px
1024px
Comment déclarer le header de la page ?
<header role="header">
<header role="banner">
<header>
<header role="contentinfo">
Est-il autorisé d'avoir une page HTML sans balise <main> ?
Oui
Non
Ne souhaite pas s'engager et préfère botter en touche sur cette question
Comment définir une zone de navigation SECONDAIRE ?
<nav>
<nav role="navigation">
<menu>
<aside>
Quel est le nom accessible (restitué par un lecteur d'écran) du lien suivant :
<p id="idESP">En savoir plus sur les langoustes</p>
<a href="#" aria-label="En savoir plus" aria-labelledby="idESP" title="En savoir +">plus</a>
En savoir plus
En savoir +
En savoir plus sur les langoustes
plus
Quelle balise doit-on utiliser pour regrouper des boutons radios entre eux ?
<fieldset>
<group>
<legend>
<div>
Quels attributs peut-on utiliser pour rattacher une entête de tableau (<th>) à ses cellules de données (<td>) ?
l'attribut scope
l'attribut headers
aucune de ces propositions
Quels attributs peut-on utiliser pour rattacher une entête de tableau (<th>) à ses cellules de données (<td>) dans le cas d'un tableau de données complexes ?
l'attribut headers
l'attribut scope
aucun des deux
les 2
