blob: 5b5d1c59ee6e5ce3f1d59793ad42e2f77ce4c874 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
---
title: Utilisation du rôle banner
slug: Web/Accessibility/ARIA/Roles/Banner_role
tags:
- ARIA
- Accessibilité
- NeedsContent
- Rôle
translation_of: Web/Accessibility/ARIA/Roles/Banner_role
original_slug: Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_banner
---
### Description
Cette technique présente l’utilisation du rôle [`banner` (en)](https://www.w3.org/TR/wai-aria/roles#banner).
La zone d’entête principale d'un site devrait être structurée avec `<header role="banner">`. Cette zone peut contenir le logo du site, sa description, le moteur de recherche.
Une page web ne doit pas contenir plus d'un rôle `banner`, mais il est tout à fait possible d'utiliser plusieurs éléments `<header>` dans une page.
### Effets possibles sur les agents utilisateurs et les technologies d’assistance
> **Note :** il existe plusieurs points de vue sur la façon dont les technologies d’assistance devraient traiter cette technique. L’information fournie ci-dessus est l’une de ces opinions et n’est pas normative.
### Exemples
#### Une zone d'entête typique de site
```html
<header role="banner">
<p><img src="logo.png" alt="Nom du site"></p>
<p>Description du site</p>
<div role="search">
...
</div>
</header>
```
## Autres ressources
La [fiche accede-web](http://www.accede-web.com/notices/html-css-javascript/1-structure/1-1-header-role-banner/).
|
