Accessibilité Web et Formulaires

Définition: Pratiques qui rendent le contenu web utilisable par tous, y compris les personnes avec des handicaps.
Bonnes Pratiques:
- Utiliser des balises sémantiques appropriées (ex. <header>, <nav>, <article>, <footer>).
- Ajouter des attributs alt aux images pour fournir des descriptions textuelles.
- Assurer un contraste suffisant entre le texte et l'arrière-plan.
- Utiliser des titres (h1, h2, h3) de manière hiérarchique pour structurer le contenu.
- Inclure des descriptions pour les liens et les boutons.

Balises de Formulaire:
- <form>: Conteneur pour les éléments de formulaire.
- <input>: Champ de saisie; types incluent text, password, email, checkbox, radio, etc.
- <textarea>: Champ de texte multilignes.
- <select>: Liste déroulante.
- <button>: Bouton cliquable.
Attributs importants:
- action: URL où les données du formulaire sont envoyées.
- method: Méthode d'envoi (GET ou POST).
- required: Champ obligatoire.
- placeholder: Texte d'indication à l'intérieur du champ.

Éléments de base:
- <!DOCTYPE html>: Indique la version HTML utilisée.
- <html>: Élément racine de la page HTML.
- <head>: Contient des métadonnées, le titre et les liens aux fichiers CSS/JS.
- <body>: Contient le contenu visible de la page.
Sémantique:
- Utiliser des balises appropriées pour clarifier le rôle de chaque section (ex. <section>, <aside>).

Balises essentielles:
- <title>: Définit le titre de la page affiché dans l'onglet du navigateur.
- <link>: Lien vers une feuille de style CSS.
- <meta>: Fournit des métadonnées (ex. description, charset).
- <script>: Lien vers un fichier JavaScript ou code JS intégré.
- <div>: Conteneur générique sans signification sémantique.

Attributs Globaux:
- id: Identifiant unique pour un élément.
- class: Classe CSS pour le style et le ciblage.
- style: Styles CSS inline pour un élément.
- title: Texte d'information supplémentaire au survol.
Attributs spécifiques:
- href: URL pour les liens hypertexte.
- src: Source d'une image ou d'un fichier script.
- alt: Texte alternatif pour les images.
- data-*: Attributs personnalisés pour stocker des données privées.

Pratiques visant à rendre le contenu web accessible à tous, notamment pour les personnes en situation de handicap.
Utilisation de balises sémantiques pour une meilleure structure (ex: <header>, <article>, <footer>, <nav>).
Importance d'ajouter des attributs alt sur les images pour fournir des descriptions textuelles.
Nécessité d'un bon contraste entre le texte et l'arrière-plan pour améliorer la lisibilité.
Utilisation hiérarchique des titres (h1, h2, h3) pour organiser le contenu logiquement.
Description des liens et des boutons pour orienter les utilisateurs.

La balise <form> sert de conteneur pour les éléments de formulaire.
La balise <input> permet différents types de champ, tels que text, password, email, checkbox, et radio.
La balise <textarea> permet l'entrée de plusieurs lignes de texte.
La balise <select> crée une liste déroulante pour les sélections.
La balise <button> crée un bouton cliquable pour soumettre des données.
Attribut action détermine l'URL de destination pour l'envoi des données.
Attribut method définit la méthode d'envoi, dans les options GET ou POST.
Attribut required indique si un champ est obligatoire à remplir.
Attribut placeholder montre un texte d'aide à l'intérieur du champ de saisie.

La balise <!DOCTYPE html> spécifie la version de HTML utilisée dans le document.
La balise <html> représente l'élément racine du document HTML.
La balise <head> contient les métadonnées, le titre de la page, ainsi que des liens vers des fichiers CSS et JavaScript.
La balise <body> contient le contenu visible de la page pour l'utilisateur.
Utilisation de balises appropriées pour la sémantique, comme <section> et <article> pour clarifier le rôle de chaque section.

La balise <title> définit le titre de la page affiché dans l'onglet du navigateur.
La balise <link> sert à lier une feuille de style CSS au document.
La balise <meta> fournit des informations complémentaires comme la description et l'encodage des caractères.
La balise <script> est utilisée pour intégrer un fichier JavaScript ou du code JS dans le document.
La balise <div> est un conteneur générique sans signification sémantique.

Attribut id pour assigner un identifiant unique à un élément.
Attribut class permet le stylage en CSS et le ciblage d'éléments.
Attribut style permet d'appliquer des styles CSS directement sur l'élément.
Attribut title affiche un texte d'information supplémentaire au survol de l'élément.
Attribut href désigne l'URL pour les liens hypertexte.
Attribut src indique la source d'une image ou d'un fichier script.
Attribut alt fournit un texte alternatif pour les images, important pour l'accessibilité.
Attributs data-* permettent de définir des attributs personnalisés pour stocker des données privées.