Rapport accessibilité .pdf

---

À propos / Télécharger Visionner le document

---

Ce document au format PDF 1.3 a été envoyé sur fichier-pdf.fr le 23/12/2020 à 22:49, depuis l'adresse IP 212.195.x.x. La présente page de téléchargement du fichier a été vue 45 fois.
Taille du document: 76 Ko (15 pages).
Confidentialité: fichier public

Aperçu du document

---

Web Accessibility Checker
atutor.ca/achecker

Wednesday December 23, 2020 21:33:53

Source URL:
https://s3-eu-west-1.amazonaws.com/course.oc-static.com/projects/P3SprintECommerce/HelloHer
cule/fr/index.html
Source Title: HELLO HERCULE ! - Le styliste sympa de l'homme barbu
Accessibility Review (Guidelines: WCAG 2.0 (Level AA))

Report on known problems (38 found):
1.4 Distinguishable: Make it easier for users to see and hear content including
separating foreground from background.
Success Criteria 1.4.3 Contrast (Minimum) (AA)
Check 301: The contrast between the colour of text and its background for the element is not
sufficient to meet WCAG2.0 Level AA.
Repair: Use a colour contrast evaluator to determine if text and background colours provide a contrast
ratio of 4.5:1 for standard text, or 3:1 for larger text. Change colour codes to produce sufficient contrast.
http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html#visual-audio-contrast-contrastresources-head
Line 126, Column 25:
<div style="color:#ffffff; font-size:16px; text-transform:uppercase">
L ...
Line 142, Column 25:
<div style="color:#ffffff; font-size:16px; text-transform:uppercase">
B ...
Line 159, Column 25:
<div style="color:#ffffff; font-size:16px; text-transform:uppercase">
N ...
Line 176, Column 25:
<div style="color:#ffffff; font-size:16px; text-transform:uppercase">
C ...

Success Criteria 1.4.4 Resize text (AA)
Check 117: i (italic) element used.
Repair: Replace your i elements with em or strong.
Line 54, Column 40:
<i class="icon-phone"></i>
Line 78, Column 70:
<i class="icon_set_1_icon-77"></i>
Line 99, Column 91:
<i class="icon_search"></i>

Page 1/15

Web Accessibility Checker
atutor.ca/achecker

Line 103, Column 61:
<i class="icon_bag_alt"></i>
Line 207, Column 29:
<i class="icon-minefield"></i>
Line 214, Column 29:
<i class="icon-smile voted"></i>
Line 214, Column 61:
<i class="icon-smile voted"></i>
Line 214, Column 93:
<i class="icon-smile voted"></i>
Line 214, Column 125:
<i class="icon-smile voted"></i>
Line 214, Column 157:
<i class="icon-smile voted"></i>
Line 230, Column 29:
<i class="icon-droplet"></i>
Line 237, Column 29:
<i class="icon-smile voted"></i>
Line 237, Column 61:
<i class="icon-smile voted"></i>
Line 237, Column 93:
<i class="icon-smile voted"></i>
Line 237, Column 125:
<i class="icon-smile voted"></i>
Line 237, Column 157:
<i class="icon-smile"></i>
Line 253, Column 29:
<i class="icon-ruler"></i>
Line 260, Column 29:
<i class="icon-smile voted"></i>
Line 260, Column 61:
<i class="icon-smile voted"></i>
Line 260, Column 93:
<i class="icon-smile voted"></i>
Line 260, Column 125:
<i class="icon-smile voted"></i>
Line 260, Column 157:
<i class="icon-smile voted"></i>

Page 2/15

Web Accessibility Checker
atutor.ca/achecker

Line 272, Column 46:
<i class="icon-eye-7"></i>
Line 285, Column 59:
<i class="icon-play-circled2-1"></i>
Line 304, Column 7:
<i class="pe-7s-alarm"></i>
Line 315, Column 7:
<i class="pe-7s-scissors"></i>
Line 326, Column 7:
<i class="pe-7s-map-marker"></i>
Line 375, Column 45:
<i class="icon-facebook"></i>
Line 376, Column 45:
<i class="icon-twitter"></i>
Line 377, Column 45:
<i class="icon-google"></i>
Line 378, Column 45:
<i class="icon-instagram"></i>
Line 379, Column 45:
<i class="icon-pinterest"></i>
Line 380, Column 45:
<i class="icon-vimeo"></i>
Line 381, Column 45:
<i class="icon-youtube-play"></i>

Page 3/15

Web Accessibility Checker
atutor.ca/achecker

Report on likely problems (0 found):
Congratulations! No likely problems.

Page 4/15

Web Accessibility Checker
atutor.ca/achecker

Report on potential problems (160 found):
1.1 Text Alternatives: Provide text alternatives for any non-text content
Success Criteria 1.1.1 Non-text Content (A)
Check 8: img element may require a long description.
Line 120, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Barber_01_Slider_1800x700.jp ...
Line 136, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Hairdresser_02_Slider_1800x7 ...
Line 153, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Tatoo_04_Slider_1800x700.jpg ...
Line 170, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Shops_03_Slider_1800x700.jpg ...
Line 205, Column 25:
<img src="images/Soin_Barber_01.jpg" width="800" height="533" class="img-fluid" alt="Image">
Line 227, Column 25:
<img src="images/Soin_Barber_02.jpg" width="800" height="533" class="img-fluid" alt="Image">
Line 251, Column 25:
<img src="images/Soin_Barber_03.jpg" width="800" height="533" class="img-fluid" alt="Image">

Check 16: Alt text is not empty and image may be decorative.
Line 76, Column 29:
<img src="img/logo_sticky.png" width="160" height="34" alt="City tours" data-retina="true">
Line 120, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Barber_01_Slider_1800x700.jp ...
Line 136, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Hairdresser_02_Slider_1800x7 ...
Line 153, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Tatoo_04_Slider_1800x700.jpg ...
Line 170, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Shops_03_Slider_1800x700.jpg ...
Line 205, Column 25:
<img src="images/Soin_Barber_01.jpg" width="800" height="533" class="img-fluid" alt="Image">
Line 227, Column 25:
<img src="images/Soin_Barber_02.jpg" width="800" height="533" class="img-fluid" alt="Image">
Line 251, Column 25:
<img src="images/Soin_Barber_03.jpg" width="800" height="533" class="img-fluid" alt="Image">

Check 178: Alt text does not convey the same information as the image.

Page 5/15

Web Accessibility Checker
atutor.ca/achecker

Line 76, Column 29:
<img src="img/logo_sticky.png" width="160" height="34" alt="City tours" data-retina="true">
Line 120, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Barber_01_Slider_1800x700.jp ...
Line 136, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Hairdresser_02_Slider_1800x7 ...
Line 153, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Tatoo_04_Slider_1800x700.jpg ...
Line 170, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Shops_03_Slider_1800x700.jpg ...

1.3 Adaptable: Create content that can be presented in different ways (for example
simpler layout) without losing information or structure.
Success Criteria 1.3.1 Info and Relationships (A)
Check 241: Tabular information may be missing table markup.
Line 33, Column 1:
<body>
<div id="preloader">
<div class="sk-spinner sk-spinner-wave">
<d ...

Check 248: Visual lists may not be properly marked.
Line 33, Column 1:
<body>
<div id="preloader">
<div class="sk-spinner sk-spinner-wave">
<d ...

Check 270: Unicode right-to-left marks or left-to-right marks may be required.
Line 33, Column 1:
<body>
<div id="preloader">
<div class="sk-spinner sk-spinner-wave">
<d ...

Check 271: dir attribute may be required to identify changes in text direction.
Line 33, Column 1:
<body>
<div id="preloader">
<div class="sk-spinner sk-spinner-wave">

Page 6/15

Web Accessibility Checker
atutor.ca/achecker

<d ...

Success Criteria 1.3.3 Sensory Characteristics (A)
Check 250: Text may refer to items by shape, size, or relative position alone.
Line 33, Column 1:
<body>
<div id="preloader">
<div class="sk-spinner sk-spinner-wave">
<d ...

1.4 Distinguishable: Make it easier for users to see and hear content including
separating foreground from background.
Success Criteria 1.4.1 Use of Color (A)
Check 14: Image may be using color alone.
Line 120, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Barber_01_Slider_1800x700.jp ...
Line 136, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Hairdresser_02_Slider_1800x7 ...
Line 153, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Tatoo_04_Slider_1800x700.jpg ...
Line 170, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Shops_03_Slider_1800x700.jpg ...
Line 205, Column 25:
<img src="images/Soin_Barber_01.jpg" width="800" height="533" class="img-fluid" alt="Image">
Line 227, Column 25:
<img src="images/Soin_Barber_02.jpg" width="800" height="533" class="img-fluid" alt="Image">
Line 251, Column 25:
<img src="images/Soin_Barber_03.jpg" width="800" height="533" class="img-fluid" alt="Image">

Check 251: Image may contain text with poor contrast.
Line 76, Column 29:
<img src="img/logo_sticky.png" width="160" height="34" alt="City tours" data-retina="true">
Line 120, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Barber_01_Slider_1800x700.jp ...
Line 136, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Hairdresser_02_Slider_1800x7 ...
Line 153, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Tatoo_04_Slider_1800x700.jpg ...
Line 170, Column 21:

Page 7/15

Web Accessibility Checker
atutor.ca/achecker

<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Shops_03_Slider_1800x700.jpg ...
Line 205, Column 25:
<img src="images/Soin_Barber_01.jpg" width="800" height="533" class="img-fluid" alt="Image">
Line 227, Column 25:
<img src="images/Soin_Barber_02.jpg" width="800" height="533" class="img-fluid" alt="Image">
Line 251, Column 25:
<img src="images/Soin_Barber_03.jpg" width="800" height="533" class="img-fluid" alt="Image">

Success Criteria 1.4.5 Images of Text (AA)
Check 11: Image may contain text that is not in Alt text.
Line 120, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Barber_01_Slider_1800x700.jp ...
Line 136, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Hairdresser_02_Slider_1800x7 ...
Line 153, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Tatoo_04_Slider_1800x700.jpg ...
Line 170, Column 21:
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Shops_03_Slider_1800x700.jpg ...
Line 205, Column 25:
<img src="images/Soin_Barber_01.jpg" width="800" height="533" class="img-fluid" alt="Image">
Line 227, Column 25:
<img src="images/Soin_Barber_02.jpg" width="800" height="533" class="img-fluid" alt="Image">
Line 251, Column 25:
<img src="images/Soin_Barber_03.jpg" width="800" height="533" class="img-fluid" alt="Image">

2.4 Navigable: Provide ways to help users navigate, find content, and determine
where they are.
Success Criteria 2.4.1 Bypass Blocks (A)
Check 28: Document may be missing a "skip to content" link.
Line 33, Column 1:
<body>
<div id="preloader">
<div class="sk-spinner sk-spinner-wave">
<d ...

Check 262: Groups of links with a related purpose are not marked.
Line 33, Column 1:
<body>
<div id="preloader">

Page 8/15

Web Accessibility Checker
atutor.ca/achecker

<div class="sk-spinner sk-spinner-wave">
<d ...

Success Criteria 2.4.2 Page Titled (A)
Check 54: title might not describe the document.
Line 10, Column 5:
<title>HELLO HERCULE ! - Le styliste sympa de l'homme barbu</title>

Success Criteria 2.4.4 Link Purpose (In Context) (A)
Check 19: Link text may not be meaningful.
Line 57, Column 33:
<a href="#" id="access_link">Accéder à mon compte client</a>
Line 58, Column 33:
<a href="#" ><strong>PRENDRE RENDEZ-VOUS</strong></a>
Line 69, Column 26:
<a href="#" title="Hello Hercule">Hello Hercule, votre barbier sympa</a>
Line 73, Column 21:
<a class="cmn-toggle-switch cmn-toggle-switch__htx open_close" href="javascript:void(0);"><span>Menu ...
Line 78, Column 25:
<a href="#" class="open_close" id="close_in"><i class="icon_set_1_icon-77"></i></a>
Line 81, Column 33:
<a href="#" class="show-submenu">Bienvenue</a>
Line 84, Column 33:
<a href="#" class="show-submenu">Nos salons</a>
Line 87, Column 33:
<a href="#" class="show-submenu">La barbe</a>
Line 90, Column 33:
<a href="#" class="show-submenu">La coiffure</a>
Line 93, Column 33:
<a href="#" class="show-submenu">Le tatouage</a>
Line 99, Column 29:
<a href="javascript:void(0);" class="search-overlay-menu-btn"><i class="icon_search"></i></a>
Line 103, Column 33:
<a href="#" class="cart_bt"><i class="icon_bag_alt"></i><strong>5</strong></a>
Line 130, Column 513:
<a href='#' class="button_intro">Prendre rendez-vous</a>
Line 130, Column 570:
<a href='#' class=" button_intro outline">Nos experts barbiers</a>
Line 146, Column 513:

Page 9/15

Web Accessibility Checker
atutor.ca/achecker

<a href='#' class="button_intro">Prendre rendez-vous</a>
Line 146, Column 570:
<a href='#' class=" button_intro outline">Nos coiffeurs visagistes</a>
Line 163, Column 513:
<a href='#' class="button_intro">Prendre rendez-vous</a>
Line 163, Column 570:
<a href='#' class=" button_intro outline">Nos artistes tatoueurs</a>
Line 180, Column 513:
<a href='_Reservation_Hercule.html' class="button_intro">Prendre rendez-vous</a>
Line 180, Column 594:
<a href='#' class=" button_intro outline">Découvrez nos salons</a>
Line 204, Column 25:
<a href="#">
<img src="images/Soin_Barber_01.jpg" width="800" height="533" ...
Line 217, Column 29:
<a class="tooltip_flip tooltip-effect-1" href="javascript:void(0);">+<span class="tooltip-content-fl ...
Line 226, Column 25:
<a href="single_tour.html">
<img src="images/Soin_Barber_02.jpg" width="800 ...
Line 240, Column 29:
<a class="tooltip_flip tooltip-effect-1" href="javascript:void(0);">+<span class="tooltip-content-fl ...
Line 250, Column 25:
<a href="single_tour.html">
<img src="images/Soin_Barber_03.jpg" width="800 ...
Line 263, Column 29:
<a class="tooltip_flip tooltip-effect-1" href="javascript:void(0);">+<span class="tooltip-content-fl ...
Line 272, Column 13:
<a href="#" class="btn_1 medium"><i class="icon-eye-7"></i> Tout le soin de la barbe </a>
Line 285, Column 6:
<a href="https://youtu.be/5-8d7wxDPEY" class="video"><i class="icon-play-circled2-1"></i></a>
Line 309, Column 7:
<a href="#" class="btn_1 outline">Prenez rendez-vous</a>
Line 320, Column 7:
<a href="#" class="btn_1 outline">Rencontrez Hercule</a>
Line 331, Column 7:
<a href="#" class="btn_1 outline">Trouvez un salon</a>
Line 348, Column 21:
<a href="tel://004542344599" id="phone">+33(0)6 01 02 03 04</a>

Page 10/15

Web Accessibility Checker
atutor.ca/achecker

Line 349, Column 21:
<a href="mailto:#" id="email_footer">hello@hellohercule.com</a>
Line 354, Column 29:
<a href="#">Nos salons</a>
Line 355, Column 29:
<a href="#">La barbe</a>
Line 356, Column 29:
<a href="#">La coiffure</a>
Line 357, Column 30:
<a href="#">Le tatouage</a>
Line 363, Column 29:
<a href="#">Espace client</a>
Line 364, Column 29:
<a href="#">Ma liste d'envies</a>
Line 365, Column 29:
<a href="#">Prendre rendez-vous</a>
Line 375, Column 33:
<a href="#"><i class="icon-facebook"></i></a>
Line 376, Column 33:
<a href="#"><i class="icon-twitter"></i></a>
Line 377, Column 33:
<a href="#"><i class="icon-google"></i></a>
Line 378, Column 33:
<a href="#"><i class="icon-instagram"></i></a>
Line 379, Column 33:
<a href="#"><i class="icon-pinterest"></i></a>
Line 380, Column 33:
<a href="#"><i class="icon-vimeo"></i></a>
Line 381, Column 33:
<a href="#"><i class="icon-youtube-play"></i></a>

Check 197: Anchor text may not identify the link destination.
Line 57, Column 33:
<a href="#" id="access_link">Accéder à mon compte client</a>
Line 58, Column 33:
<a href="#" ><strong>PRENDRE RENDEZ-VOUS</strong></a>
Line 69, Column 26:
<a href="#" title="Hello Hercule">Hello Hercule, votre barbier sympa</a>
Line 73, Column 21:

Page 11/15

Web Accessibility Checker
atutor.ca/achecker

<a class="cmn-toggle-switch cmn-toggle-switch__htx open_close" href="javascript:void(0);"><span>Menu ...
Line 78, Column 25:
<a href="#" class="open_close" id="close_in"><i class="icon_set_1_icon-77"></i></a>
Line 81, Column 33:
<a href="#" class="show-submenu">Bienvenue</a>
Line 84, Column 33:
<a href="#" class="show-submenu">Nos salons</a>
Line 87, Column 33:
<a href="#" class="show-submenu">La barbe</a>
Line 90, Column 33:
<a href="#" class="show-submenu">La coiffure</a>
Line 93, Column 33:
<a href="#" class="show-submenu">Le tatouage</a>
Line 99, Column 29:
<a href="javascript:void(0);" class="search-overlay-menu-btn"><i class="icon_search"></i></a>
Line 103, Column 33:
<a href="#" class="cart_bt"><i class="icon_bag_alt"></i><strong>5</strong></a>
Line 130, Column 513:
<a href='#' class="button_intro">Prendre rendez-vous</a>
Line 130, Column 570:
<a href='#' class=" button_intro outline">Nos experts barbiers</a>
Line 146, Column 513:
<a href='#' class="button_intro">Prendre rendez-vous</a>
Line 146, Column 570:
<a href='#' class=" button_intro outline">Nos coiffeurs visagistes</a>
Line 163, Column 513:
<a href='#' class="button_intro">Prendre rendez-vous</a>
Line 163, Column 570:
<a href='#' class=" button_intro outline">Nos artistes tatoueurs</a>
Line 180, Column 513:
<a href='_Reservation_Hercule.html' class="button_intro">Prendre rendez-vous</a>
Line 180, Column 594:
<a href='#' class=" button_intro outline">Découvrez nos salons</a>
Line 204, Column 25:
<a href="#">
<img src="images/Soin_Barber_01.jpg" width="800" height="533" ...
Line 217, Column 29:
<a class="tooltip_flip tooltip-effect-1" href="javascript:void(0);">+<span class="tooltip-content-fl ...

Page 12/15

Web Accessibility Checker
atutor.ca/achecker

Line 226, Column 25:
<a href="single_tour.html">
<img src="images/Soin_Barber_02.jpg" width="800 ...
Line 240, Column 29:
<a class="tooltip_flip tooltip-effect-1" href="javascript:void(0);">+<span class="tooltip-content-fl ...
Line 250, Column 25:
<a href="single_tour.html">
<img src="images/Soin_Barber_03.jpg" width="800 ...
Line 263, Column 29:
<a class="tooltip_flip tooltip-effect-1" href="javascript:void(0);">+<span class="tooltip-content-fl ...
Line 272, Column 13:
<a href="#" class="btn_1 medium"><i class="icon-eye-7"></i> Tout le soin de la barbe </a>
Line 285, Column 6:
<a href="https://youtu.be/5-8d7wxDPEY" class="video"><i class="icon-play-circled2-1"></i></a>
Line 309, Column 7:
<a href="#" class="btn_1 outline">Prenez rendez-vous</a>
Line 320, Column 7:
<a href="#" class="btn_1 outline">Rencontrez Hercule</a>
Line 331, Column 7:
<a href="#" class="btn_1 outline">Trouvez un salon</a>
Line 348, Column 21:
<a href="tel://004542344599" id="phone">+33(0)6 01 02 03 04</a>
Line 349, Column 21:
<a href="mailto:#" id="email_footer">hello@hellohercule.com</a>
Line 354, Column 29:
<a href="#">Nos salons</a>
Line 355, Column 29:
<a href="#">La barbe</a>
Line 356, Column 29:
<a href="#">La coiffure</a>
Line 357, Column 30:
<a href="#">Le tatouage</a>
Line 363, Column 29:
<a href="#">Espace client</a>
Line 364, Column 29:
<a href="#">Ma liste d'envies</a>
Line 365, Column 29:
<a href="#">Prendre rendez-vous</a>

Page 13/15

Web Accessibility Checker
atutor.ca/achecker

Line 375, Column 33:
<a href="#"><i class="icon-facebook"></i></a>
Line 376, Column 33:
<a href="#"><i class="icon-twitter"></i></a>
Line 377, Column 33:
<a href="#"><i class="icon-google"></i></a>
Line 378, Column 33:
<a href="#"><i class="icon-instagram"></i></a>
Line 379, Column 33:
<a href="#"><i class="icon-pinterest"></i></a>
Line 380, Column 33:
<a href="#"><i class="icon-vimeo"></i></a>
Line 381, Column 33:
<a href="#"><i class="icon-youtube-play"></i></a>

Success Criteria 2.4.5 Multiple Ways (AA)
Check 184: Site missing site map.
Line 33, Column 1:
<body>
<div id="preloader">
<div class="sk-spinner sk-spinner-wave">
<d ...

Success Criteria 2.4.6 Headings and Labels (AA)
Check 42: h1 may be used for formatting.
Line 69, Column 22:
<h1><a href="#" title="Hello Hercule">Hello Hercule, votre barbier sympa</a></h1>

Check 43: h2 may be used for formatting.
Line 194, Column 13:
<h2>Les <span>soins</span> du moment</h2>
Line 294, Column 5:
<h2>Votre style <span>mérite plus</span> qu'un coup de tondeuse</h2>

Check 44: h3 may be used for formatting.
Line 212, Column 25:
<h3><strong>Le soin</strong> Barbe noble</h3>
Line 235, Column 25:
<h3><strong>LE SOIN</strong> Hydratation ultime</h3>
Line 258, Column 25:
<h3><strong>L'intégrale</strong> Hercule</h3>

Page 14/15

Web Accessibility Checker
atutor.ca/achecker

Line 281, Column 6:
<h3>Professionnels et créatifs</h3>
Line 305, Column 7:
<h3>Votre temps <span>est précieux</span></h3>
Line 316, Column 7:
<h3>Nos experts, <span>votre style</span></h3>
Line 327, Column 7:
<h3>Hercule <span>près de vous</span></h3>
Line 347, Column 21:
<h3>Envie de nous parler ?</h3>
Line 352, Column 21:
<h3>Découvrez Hercule</h3>
Line 361, Column 21:
<h3>Hercule et moi</h3>

3.2 Predictable: Make Web pages appear and operate in predictable ways.
Success Criteria 3.2.3 Consistent Navigation (AA)
Check 276: Repeated components may not appear in the same relative order each time they
appear.
Line 33, Column 1:
<body>
<div id="preloader">
<div class="sk-spinner sk-spinner-wave">
<d ...

Success Criteria 3.2.4 Consistent Identification (AA)
Check 131: Long quotations may not be marked using the blockquote element.
Line 33, Column 1:
<body>
<div id="preloader">
<div class="sk-spinner sk-spinner-wave">
<d ...

Page 15/15



Sur le même sujet..

---