Site Longdesc

Dernière version du site à date du 12 mai 2017

Tanaguru Marker

See Tanaguru read the doc about marker

data-table
identified data table
presentation-table
identified presentation table
complex-data-table
identified complex data table
decorative-image
identified decorative image
informative-image
identified informative image

Good and bad samples of implementation of the rules of the RGAA 3

Criterion 1.1 - Does each image have a text alternative?

Test 1.1.1 - Does each image (img tag) have an alt attribute?

Good samples

Image with empty alternative

Image with not empty alternative

Not empty alt

Image with an alternative equal to src

img/Image_with_alternative_equal_to_src.png

Bad samples

Image without alternative

Image link without alternative

Test 1.1.2 - Does each area (area tag) of an image map have an alt attribute?

Good samples

Area tag Image non clickable with empty alternative

Area tag Image non clickable with not empty alternative

Not empty alt Not empty alt

Area tag Image clickable with not empty alternative

Not empty alt Not empty alt

Bad samples

Area tag Image non clickable without alternative

Area tag Image clickable without alternative

Test 1.1.3 - Does each form button (input tag with the type="image" attribute) have an alt attribute?

Good samples

Input type image with alternative

Bad samples

Input type image without alternative

Test 1.1.4 - Does each clickable area (area tag) of a server-side image map have an equivalent link in the page?

Good samples

Area tag Image clickable of a server-side with link alternative

First link Second link
First alternative link
Second alternative link

Bad samples

Area tag Image clickable of a server-side without link alternative

Criterion 1.2 - For each decorative image with a text alternative, is this alternative empty?

Test 1.2.1 - Does each decorative image (img tag), without caption and with an alt attribute, meet the following conditions:

Good samples

Image with empty alternative

Image indentified as decorative (the "id" attribute has value "decorative-image") with empty alternative

Image indentified as decorative (the "class" attribute has value "decorative-image") with empty alternative

Image with empty alternative and a role="presentation" attribute

Bad samples

Image with not empty alternative

Not empty alt

Image indentified as decorative (the "id" attribute has value "decorative-image") with not empty alternative

Not empty alt

Image with not empty alternative and a role="presentation" attribute

Not empty alt

Image with empty alternative, but a not empty "title" attribute

Image with empty alternative, but a not empty "aria-label" attribute

Image with empty alternative, but a not empty "aria-describedby" attribute

Image with empty alternative, but a not empty "aria-labelledby" attribute

Not empty alternative

Image with one space in alt attribute

Image with three spaces in alt attribute

Image with three unbreakable space in alt attribute

   

Test 1.2.2 - Does each non clickable area (area tag with no href attribute), not conveying any information, and with an alt attribute, meet the following conditions:

Good samples

Area tag Image non clickable with empty alternative

Area tag Image non clickable identified as decorative with empty alternative

Bad samples

Area tag Image non clickable identified as decorative with not empty alternative

Not empty alt Not empty alt

Area tag Image non clickable identified as decorative with title attribute

Area tag Image non clickable identified as decorative with aria-label attribute

Area tag Image non clickable identified as decorative with aria-labelledby attribute

Area tag Image non clickable identified as decorative with aria-describedby attribute

Not empty alternative

Test 1.2.3 - For each image object without caption (object tag with the attribute type="image/"), not conveying any information, meet the following conditions:

Good samples

Image object

Image object identified as decorative

Bad samples

Image object identified as decorative and with some text between object tags

Image object identified as decorative and without "aria-hidden" attribute

Image object identified as decorative and with an aria-label attribute

Image object identified as decorative and with an aria-labelledby attribute

Image object identified as decorative and with an aria-describedby attribute

Image object identified as decorative and with an aria-describedby attribute in a child tag

Illustration of diversity

Test 1.2.4 - Does each decorative vector image (svg tag), not conveying any information, meet the following conditions:

Good samples

SVG image

Empty SVG image identified as decorative

SVG image identified as decorative

SVG image identified as decorative and with an empty desc tag

SVG image identified as decorative and with an empty title tag

Bad samples

SVG image identified as decorative and without an aria-hidden attribute

SVG image identified as decorative and with an empty desc tag

SVG image identified as decorative and with an empty title tag

SVG image identified as decorative and with a title attribute

SVG image identified as decorative and with a title attribute on one child

SVG image identified as decorative and with an aria-label attribute

SVG image identified as decorative and with an aria-label attribute on one child

SVG image identified as decorative and with an aria-labelledby attribute

SVG image identified as decorative and with an aria-labelledby attribute on one child

SVG image identified as decorative and with an aria-describedby attribute

SVG image identified as decorative and with an aria-describedby attribute on one child

Some text

Test 1.2.5 - For each decorative bitmap image (canvas tag), without caption, meet the following conditions:

Good samples

Image canvas

Image canvas identified as decorative

Bad samples

Image canvas identified as decorative and with some text between canvas tags

Image canvas identified as decorative and without "aria-hidden" attribute

Image canvas identified as decorative and with an aria-label attribute

Image canvas identified as decorative and with an aria-labelledby attribute

Image canvas identified as decorative and with an aria-describedby attribute

Image canvas identified as decorative and with an aria-describedby attribute in a child tag

Illustration of diversity

Test 1.2.6 - Does each decorative embedded image (embed tag with attribute type="image/..."), not conveying any information, meet the following conditions:

Good samples

Image embed

Image embed identified as decorative

Bad samples

Image embed identified as decorative and without "aria-hidden" attribute

Image embed identified as decorative and with an aria-label attribute

Image embed identified as decorative and with an aria-labelledby attribute

Image embed identified as decorative and with an aria-describedby attribute

Image embed identified as decorative and with an aria-describedby attribute in a child tag

Illustration of diversity

Criterion 1.3 - For each image conveying information with a text alternative, is this alternative relevant (except in particular cases)?

Test 1.3.1 - Does each image (img tag), with an alt attribute, conveying information, with an alt attribute, meet the following conditions (except in particular cases)?

Good samples

Image with not empty alternative

Not empty alt

Image identified as informative with not empty alternative

Not empty alt

Image identified as informative with a title attribute equal to the alt attribute

Not empty alt

Image identified as informative with an aria-label attribute equal to the alt attribute

Not empty alt

Image identified as informative with an aria-labelledby attribute that text associated is equal to the alt attribute

Not empty alt Not empty alt

Image in figure and caption with an aria-labelledby attribute that text associated is equal to the alt attribute

Not empty alt Not empty alt

Bad samples

Image identified as informative with empty alternative

Image identified as informative with a title attribute differente to the alt attribute

Not empty alt

Image identified as informative with an aria-label attribute differente to the alt attribute

Not empty alt

Image identified as informative with an aria-labelledby attribute that text associated is differente to the alt attribute

Not empty alt a other text

Image in figure and caption with an aria-labelledby attribute that text associated is differente to the alt attribute

Not empty alt a other text

Test 1.3.2 - Does each area (area tag), conveying information, and with an alt attribute, meet the following conditions (except in particular cases)?

Good samples

Area tag Image clickable with not empty alternative

Not empty alt Not empty alt Not empty alt

Area tag Image clickable identified as informative with empty alternative

Not empty alt Not empty alt Not empty alt

Area tag Image clickable identified as informative that title is equal to the alt

Not empty alt Not empty alt Not empty alt

Area tag Image clickable identified as informative that aria-label is equal to the alt

Not empty alt Not empty alt Not empty alt

Area tag Image clickable identified as informative that aria-labelledby is equal to the alt

Not empty alt Not empty alt Not empty alt Not empty alt

Bad samples

Area tag Image clickable identified as informative with empty alternative

Area tag Image clickable identified as informative with title attribute different than alt attribute

Not empty alt Not empty alt Not empty alt

Area tag Image clickable identified as informative with aria-label attribute different than alt attribute

Not empty alt Not empty alt Not empty alt

Area tag Image clickable identified as informative with aria-labelledby attribute different than alt attribute

Not empty alt Not empty alt Not empty alt

Not empty alternative

Test 1.3.3 - Does each button associated with an image (input tag with the attribute type="image"), and with an alt attribute, meet the following conditions (except in particular cases)?

Good samples

Input type image with alternative

Input type image with a title equal to the alt

Input type image with a aria-label equal to the alt

Input type image with a aria-label equal to the alt

Send

Bad samples

Input type image with empty alternative

Input type image with a title not equal to the alt

Input type image with a aria-label not equal to the alt

Input type image with a aria-label not equal to the alt

Not empty alternative

Test 1.3.4 - Does each image object conveying information, meet one of the following conditions (except in particular cases)?

Good samples

Image object identified as informative and with hidden alternative

Show alternative

Image object identified as informative and with a replacement mechanism

Show alternative

Image object identified as informative and with a replacement mechanism

Show alternative

Bad samples

Image object identified as informative and with some text between object tags

Illustration of diversity.

Image object identified as informative and without replacement mechanism

Test 1.3.5 - Does each object image (object tag with the attribute type="image/"), conveying information, that uses aria-label, aria-labelledby or title attribute, meet one of the following conditions (except in particular cases)?

Good samples

Image object identified as informative and with identical title and aria-label attribute

Image object identified as informative and with identical title and content associated with aria-labelledby attribute

Not empty alt

Bad samples

Image object identified as informative and with different title and aria-label attribute

Image object identified as informative and with different title and content associated with aria-labelledby attribute

A other not empty alt

Test 1.3.6 - Does each vector image (svg tag), conveying information, and with an alternative, meet one of the following conditions (except in particular cases)?

Good samples

Image embed identified as informative and with hidden alternative

Show alternative

Image embed identified as informative and with a replacement mechanism

Show alternative

Image embed identified as informative and with a replacement mechanism

Show alternative

Bad samples

Image embed identified as informative and with some text between embed tags

Illustration of diversity.

Image embed identified as informative and without replacement mechanism

Test 1.3.7 - Does each embedded image (embed tag with the attribute type=\"image/\"), conveying information, that use aria-label, aria-labelledby or title attribute, meet one of the following conditions (except in particular cases)?

Good samples

Image embed identified as informative and with identical title and aria-label attribute

Image embed identified as informative and with identical title and content associated with aria-labelledby attribute

Not empty alt

Bad samples

Image embed identified as informative and with different title and aria-label attribute

Image embed identified as informative and with different title and content associated with aria-labelledby attribute

A other not empty alt

Test 1.3.8 - Does each vector image (svg tag), conveying information, and with an alternative, meet one of the following conditions (except in particular cases)?

Good samples

SVG image identified as informative and with an aria-label and an identical title

Relevant alternative

SVG image identified as informative and without title

Relevant alternative

Bad samples

SVG image identified as informative and without role="img"

Relevant alternative

SVG image identified as informative and with an aria-label that be a relevant alternative but without child desc tag

SVG image identified as informative and with a content in a desc tag but without aria-label attribut

Relevant alternative

SVG image identified as informative and with an aria-label that be without information

SVG image identified as informative and with a desc tag without information

SVG image identified as informative and with an aria-label and a not identical title

SVG image identified as informative and with a content in a desc tag and a not identical title

Relevant alternative

Test 1.3.9 - For each vector image (svg tag), conveying information, and with an alternative, is this alternative correctly rendered by assistive technologies?

Support of the vector image (svg tag) with an "aria-label" attribute and a "desc" child tag
Jaws 18NVDA 2016
Firefox Non applicable Supporté
IE 11 Supporté Supporté
IE 10 Supporté Supporté
Support of the vector image (svg tag) with an "aria-label" attribute, a "desc" child tag and an identical "title" attribute
Jaws 18NVDA 2016
Firefox Non applicable Supporté
IE 11 Supporté Supporté
IE 10 Supporté Supporté
Support of the vector image (svg tag) with only "aria-label" attribute (Failed test 1.3.8)
Jaws 18NVDA 2016
Firefox Non applicable Supporté
IE 11 Supporté Non Supporté
IE 10 Supporté Non Supporté
Support of the vector image (svg tag) with only "desc" child tag (Failed test 1.3.8)
Jaws 18NVDA 2016
Firefox Non applicable Supporté
IE 11 Supporté Supporté
IE 10 Supporté Supporté

No double restitution detected during these tests

Test 1.3.10 - For each bitmap image (canvas tag), conveying information, meet one of the following conditions (except in particular cases)?

Good samples

Image canvas

Illustration of diversity.

Image canvas identified as informative with content between canvas tags

Illustration of diversity.

Image canvas identified as informative with an alternative access by link

Show alternative

Image canvas identified as informative with an image alternative access by link

Show alternative

Bad samples

Image canvas identified as informative, with some text between canvas tags and with an aria-hidden attribute

Image canvas identified as informative and without alternative

Test 1.3.11 - For each bitmap image (canvas tag tag), conveying information, that use aria-label, aria-labelledby or title attribute, meet one of the following conditions (except in particular cases)?

Good samples

Image canvas identified as informative with a title equal to the aria-label attribute

Image canvas identified as informative with a title equal to the passage of text associated with the aria-labelledby attribute

Alternative

Image canvas identified as informative with a title equal to the aria-label attribute present in the child tag

Bad samples

Image canvas identified as informative with a title not equal to the aria-label attribute

c

Image canvas identified as informative with a title not equal to the passage of text associated with the aria-labelledby attribute

Alternative

Image canvas identified as informative with a title not equal to the aria-label attribute present in the child tag

Test 1.3.12 - For each bitmap image (canvas tag), conveying information, and with an alternative (content between canvas and /canvas), is this alternative correctly rendered by assistive technologies?

Support of the bitmap image (canvas tag) with a text between canvas tags
Jaws 18NVDA 2016
Firefox Non applicable Supporté
IE 11 Supporté Supporté
IE 10 Supporté Supporté
Support of the bitmap image (canvas tag) with an "aria-label" attribute
Jaws 18NVDA 2016
Firefox Non applicable Supporté
IE 11 Non supporté Non supporté
IE 10 Non supporté Non supporté
Support of the bitmap image (canvas tag) with an "aria-label" attribute in a child tag
Jaws 18NVDA 2016
Firefox Non applicable Non supporté
IE 11 Supporté Non supporté
IE 10 Supporté Non supporté
Support of the bitmap image (canvas tag) with an "aria-label" attribute and an identical "title" attribute
Jaws 18NVDA 2016
Firefox Non applicable Supporté
IE 11 Non supporté Non supporté
IE 10 Non supporté Non supporté
Support of the bitmap image (canvas tag) with an "aria-label" attribute in a child tag and an identical "title" attribute
Jaws 18NVDA 2016
Firefox Non applicable Non supporté
IE 11 Supporté Non supporté
IE 10 Supporté Non supporté
Support of the bitmap image (canvas tag) with an "aria-labelledby" attribute
Jaws 18NVDA 2016
Firefox Non applicable Supporté
IE 11 Non supporté Non supporté
IE 10 Non supporté Non supporté
Support of the bitmap image (canvas tag) with an "aria-labelledby" attribute and an identical "title" attribute
Jaws 18NVDA 2016
Firefox Non applicable Supporté
IE 11 Non supporté Non supporté
IE 10 Non supporté Non supporté

No double restitution detected during these tests

Test 1.3.13 - For each image conveying informationand with a text alternative, is the text alternative short and concise (except in particular cases)?

Good samples

Image with a short alternative in an alt attribute

Illustration of diversity.

Area with a short alternative in an alt attribute

Illustration of diversity. Illustration of diversity. Illustration of diversity.

Input image with a short alternative

Object image with a short alternative with aria-label propertie

Embed image with a short alternative with aria-labelledby propertie

Not empty alt

Svg image with a short alternative with aria-label propertie and text associated with desc tag

Relevant alternative

Image canvas with a short alternative

Illustration of diversity.

Bad samples

Image with a long alternative in an alt attribute

Informative image alternative and some other information that not util to describe the information in the image.

Area with a long alternative in an alt attribute

Illustration of diversity. Informative image alternative and some other information that not util to describe the information in the image. Informative image alternative and some other information that not util to describe the information in the image.

Input image with a long alternative

Object image with a long alternative with aria-label propertie

Embed image with a long alternative with aria-labelledby propertie

Informative image alternative and some other information that not util to describe the information in the image.

Svg image with a long alternative with aria-label propertie and text associated with desc tag

Informative image alternative and some other information that not util to describe the information in the image.

Image canvas with a long alternative

Informative image alternative and some other information that not util to describe the information in the image.

Criterion 1.4 - For each image used as CAPTCHA or as test image, with a text alternative, does this alternative describe the nature and the purpose of the image?

Test 1.4.1: Does each image (img tag) used as a CAPTCHA or test image, with an alt attribute, meet the following conditions:

Captha image

CAPTCHA Image for identify robot, audio version nearby
Refresh Image

Captha image with a title attribute matches the value of the alt attribute

CAPTCHA Image for identify robot, audio version nearby
Refresh Image

Captha image with an aria-label attribute matches the value of the alt attribute

CAPTCHA Image for identify robot, audio version nearby
Refresh Image

Captha image with text associate with the aria-labelledby attribute matches the value of the alt attribute

CAPTCHA Image for identify robot, audio version nearby
Refresh Image

CAPTCHA Image for identify robot, audio version nearby

Captha image with an alt attribute not describes the nature and purpose of the image

Refresh Image

Captha image with a title attribute not matches the value of the alt attribute

CAPTCHA Image for identify robot, audio version nearby
Refresh Image

Captha image with an aria-label attribute not matches the value of the alt attribute

CAPTCHA Image for identify robot, audio version nearby
Refresh Image

Captha image with text associate with the aria-labelledby attribute not matches the value of the alt attribute

CAPTCHA Image for identify robot, audio version nearby
Refresh Image

CAPTCHA

Test 1.4.2: Does each area (area tag) of an image map used as a CAPTCHA or test image, with an alt attribute, meet the following conditions:

Captha area image

CAPTCHA Image for identify robot, audio version nearby
Refresh Image

Captha area image with a title attribute matches the value of the alt attribute

CAPTCHA Image for identify robot, audio version nearby
Refresh Image

Captha area image with an aria-label attribute matches the value of the alt attribute

CAPTCHA Image for identify robot, audio version nearby
Refresh Image

Captha area image with text associate with the aria-labelledby attribute matches the value of the alt attribute

CAPTCHA Image for identify robot, audio version nearby
Refresh Image

CAPTCHA Image for identify robot, audio version nearby

Captha area image with an alt attribute not describes the nature and purpose of the image

CAPTCHA
Refresh Image

Captha area image with a title attribute not matches the value of the alt attribute

CAPTCHA Image for identify robot, audio version nearby
Refresh Image

Captha area image with an aria-label attribute not matches the value of the alt attribute

CAPTCHA Image for identify robot, audio version nearby
Refresh Image

Captha area image with text associate with the aria-labelledby attribute not matches the value of the alt attribute

CAPTCHA Image for identify robot, audio version nearby
Refresh Image

CAPTCHA

Test 1.4.3: For each button associated with an image (input tag with the attribute type="image"), used as a CAPTCHA or test image, with an alt attribute, meet the following conditions:

Captha input type image

Refresh Image

Captha input type image with a title attribute matches the value of the alt attribute

Refresh Image

Captha input type image with an aria-label attribute matches the value of the alt attribute

Refresh Image

Captha input type image with text associate with the aria-labelledby attribute matches the value of the alt attribute

Refresh Image

CAPTCHA Image for identify robot, audio version nearby

Captha input type image with an alt attribute not describes the nature and purpose of the image

Refresh Image

Captha input type image with a title attribute not matches the value of the alt attribute

Refresh Image

Captha input type image with an aria-label attribute not matches the value of the alt attribute

Refresh Image

Captha input type image with text associate with the aria-labelledby attribute not matches the value of the alt attribute

Refresh Image

CAPTCHA

Test 1.4.4: Does each image object (object tag with the attribute type="image/"), conveying information, meet one of the following conditions?

Captha image object with an adjacent link giving access to an alternative version

Refresh Image

Show alternative

Captha image object with an adjacent link that replace image object to an alternative version

Refresh Image

Show alternative

Captha image object without alternative version

Refresh Image

Test 1.4.5: For each image object (object tag with the attribute type=\"image/\"), used as a CAPTCHA or test image, that use aria-label, aria-labelledby or title attribute, meet one of the following conditions (except in particular cases)?

Captha image object with a title attribute matches the value of the aria-label attribute

Refresh Image

Captha image object with a title attribute matches the value of the text associate with the aria-labelledby attribute

Refresh Image

CAPTCHA Image for identify robot, audio version nearby

Captha image object with a title attribute not matches the value of the aria-label attribute

Refresh Image

Captha image object with a title attribute not matches the value of the text associate with the aria-labelledby attribute

Refresh Image

CAPTCHA Image for identify robot, audio version nearby

Criterion 2.1 - Does each iframe have a frame title?

Test 2.1.1: Does each iframe (iframe tag) have a title attribute?

the following iframe is a frame of the Oceane Consulting Web site with a title

the following iframe is a frame of the Oceane Consulting Web site without a title

Criterion 2.2 - For each iframe with a frame title, is this frame title relevant?

Test 2.2.1: For each iframe (iframe tag) with a title attribute, is the content of this attribute relevant?

the following iframe is a frame of the Oceane Consulting Web site with a relevante title

the following iframe is a frame of the Oceane Consulting Web site with a title not relevante

Criterion 3.1 - On each web page, information must not be conveyed only through color. Has this rule been followed?

Test 3.1.4: For each CSS property defining a color and conveying information, information must not be conveyed only through color. Has this rule been followed?

In this formular, the required field is indicated with the label and its color

In this formular, the required field is indicated only by its border's color

Criterion 3.3 - On each web page, is the contrast between the text and background colors sufficient (except in particular cases)?

Test 3.3.1: On each web page, do non-bold texts and images of non-bold text with font sizes smaller than or equal to 150% of the default font size (or 1.5em) meet one of the following conditions (except in particular cases)?

The paragraph has a font size equal to 150% of the default font size and uses the CSS class "alert-success" from Bootstrap. The contrast color is sufficient here (>= 4.5).

Nom

The paragraph has a font size equal to 150% of the default font size and uses the CSS class "bg-success" from Bootstrap. The contrast color isn't sufficient here (< 4.5).

Nom

Test 3.3.2: On each web page, do bold texts and images of bold text with font sizes smaller than or equal to 120% of the default font size (or 1.2em) meet one of the following conditions (except in particular cases)?

The paragraph has a font size equal to 120% of the default font size and uses the CSS class "alert-success" from Bootstrap. The contrast color is sufficient here (>= 4.5).

Nom

The paragraph has a font size equal to 120% of the default font size and uses the CSS class "bg-success" from Bootstrap. The contrast color isn't sufficient here (< 4.5).

Nom

Test 3.3.3: On each web page, do non-bold texts and images of non-bold text with font sizes larger than 150% of the default font size (or 1.5em), meet one of the following conditions (except in particular cases)?

The paragraph has a font size larger than 150% of the default font size and uses the CSS class "alert-success" from Bootstrap. The contrast color is sufficient here (>= 3).

Nom

The paragraph has a font size larger than 150% of the default font size and uses the CSS class "bg-success" from Bootstrap. The contrast color isn't sufficient here (< 3).

Nom

Test 3.3.4: On each web page, do bold texts and images of bold text with font sizes larger than 120% of the default font size (or 1.2em), meet one of the following conditions (except in particular cases)?

The paragraph has a font size larger than 120% of the default font size and uses the CSS class "alert-success" from Bootstrap. The contrast color is sufficient here (>= 3).

Nom

The paragraph has a font size larger than 120% of the default font size and uses the CSS class "bg-success" from Bootstrap. The contrast color isn't sufficient here (< 3).

Nom

Criterion 3.3 - On each web page, is the contrast between the text and background colors sufficient (except in particular cases)?

Test 3.4.1: On each web page, do non-bold texts and images of non-bold text with font sizes smaller than or equal to 150% of the default font size (or 1.5em) meet one of the following conditions (except in particular cases)?

The paragraph has a font size equal to 150% of the default font-size. The contrast color is sufficient here (>= 7).

Nom

The paragraph has a font size equal to 150% of the default font size and uses the CSS class "bg-success" from Bootstrap. The contrast color isn't sufficient here (< 7).

Nom

Test 3.4.2: On each web page, do bold texts and images of bold text with font sizes smaller than or equal to 120% of the default font size (or 1.2em) meet one of the following conditions (except in particular cases)?

The paragraph has a font size equal to 120% of the default font-size. The contrast color is sufficient here (>= 7).

Nom

The paragraph has a font size equal to 120% of the default font size and uses the CSS class "bg-success" from Bootstrap. The contrast color isn't sufficient here (< 7).

Nom

Test 3.4.3: On each web page, do non-bold texts and images of non-bold text with font sizes larger than 150% of the default font size (or 1.5em), meet one of the following conditions (except in particular cases)?

The paragraph has a font size larger than 150% of the default font size and uses the CSS class "bg-primary" from Bootstrap. The contrast color is sufficient here (>= 4.5).

Nom

The paragraph has a font size larger than 150% of the default font size and uses the CSS class "bg-success" from Bootstrap. The contrast color isn't sufficient here (< 4.5).

Nom

Test 3.4.4: On each web page, do bold texts and images of bold text with font sizes larger than 120% of the default font size (or 1.2em), meet one of the following conditions (except in particular cases)?

The paragraph has a font size larger than 120% of the default font size and uses the CSS class "bg-primary" from Bootstrap. The contrast color is sufficient here (>= 4.5).

Nom

The paragraph has a font size larger than 120% of the default font size and uses the CSS class "bg-success" from Bootstrap. The contrast color isn't sufficient here (< 4.5).

Nom

Criterion 4.1 - Does each prerecorded time-based media have a text transcript or an audio description if necessary (except in particular cases)?

Test 4.1.1: Does each prerecorded audio-only time-based media meet one of the following conditions if necessary (except in particular cases)?

The following audio element has a text transcription

Text transcription

You did accessible content

The following object element that present an audio and has text transcription

Text transcription

You did accessible content

The following embed element that present a video and has no text transcription

Text transcription

You did accessible content

the following audio element has no text transcription

The following object element that present an audio and has text transcription

The following embed element that present a video and has no text transcription

Test 4.1.2: Does each prerecorded video-only time-based media meet one of the following conditions if necessary (except in particular cases)?

the following video element has a text transcription

Text transcription

Tanaguru

Votre accessibilité numérique, simplement.

by Océane Consulting Group

Votre ville est chaque jour de plus en plus connectée

90 % des français sont prêts à utiliser les services numériques pour leurs démarches administratives.

Pour les transports en commun ou le développement économique,

pour les activités culturelles ou sportives,

leurs démarches e-citoyennes ou le dialogue social, ainsi que l'éducation.

Les services numériques sont-ils un facteur d'inclusion social ?

Oui

S'il sont accessibles à l'ensemble des citoyens.

L'accessibilité numérique, un enjeu social

10 millions de personnes en situation de handicap et 20 millions de seniors en France

L'accessibilité numérique est aussi un enjeu réglementaire.

L'accessibilité numérique est aussi un enjeu réglementaire.

Projet de loi numérique

Le Référentiel général d'Accessibilité pour les Administrations

Vos services numériques se doivent d'être accessibles.

the following video element has no text transcription

Test 4.1.3: Does each prerecorded synchronized time-based media meet one of the following conditions if necessary (except in particular cases)?

the following video element has a text transcription

Text transcription

Tanaguru

Votre accessibilité numérique, simplement.

by Océane Consulting Group

Votre ville est chaque jour de plus en plus connectée

90 % des français sont prêts à utiliser les services numériques pour leurs démarches administratives.

Pour les transports en commun ou le développement économique,

pour les activités culturelles ou sportives,

leurs démarches e-citoyennes ou le dialogue social, ainsi que l'éducation.

Les services numériques sont-ils un facteur d'inclusion social ?

Oui

S'il sont accessibles à l'ensemble des citoyens.

L'accessibilité numérique, un enjeu social

10 millions de personnes en situation de handicap et 20 millions de seniors en France

L'accessibilité numérique est aussi un enjeu réglementaire.

L'accessibilité numérique est aussi un enjeu réglementaire.

Projet de loi numérique

Le Référentiel général d'Accessibilité pour les Administrations

Vos services numériques se doivent d'être accessibles.

The following object element that present a video and has a text transcription

Text transcription

Tanaguru

Votre accessibilité numérique, simplement.

by Océane Consulting Group

Votre ville est chaque jour de plus en plus connectée

90 % des français sont prêts à utiliser les services numériques pour leurs démarches administratives.

Pour les transports en commun ou le développement économique,

pour les activités culturelles ou sportives,

leurs démarches e-citoyennes ou le dialogue social, ainsi que l'éducation.

Les services numériques sont-ils un facteur d'inclusion social ?

Oui

S'il sont accessibles à l'ensemble des citoyens.

L'accessibilité numérique, un enjeu social

10 millions de personnes en situation de handicap et 20 millions de seniors en France

L'accessibilité numérique est aussi un enjeu réglementaire.

L'accessibilité numérique est aussi un enjeu réglementaire.

Projet de loi numérique

Le Référentiel général d'Accessibilité pour les Administrations

Vos services numériques se doivent d'être accessibles.

The following embed element that present a video and has a text transcription

Text transcription

Tanaguru

Votre accessibilité numérique, simplement.

by Océane Consulting Group

Votre ville est chaque jour de plus en plus connectée

90 % des français sont prêts à utiliser les services numériques pour leurs démarches administratives.

Pour les transports en commun ou le développement économique,

pour les activités culturelles ou sportives,

leurs démarches e-citoyennes ou le dialogue social, ainsi que l'éducation.

Les services numériques sont-ils un facteur d'inclusion social ?

Oui

S'il sont accessibles à l'ensemble des citoyens.

L'accessibilité numérique, un enjeu social

10 millions de personnes en situation de handicap et 20 millions de seniors en France

L'accessibilité numérique est aussi un enjeu réglementaire.

L'accessibilité numérique est aussi un enjeu réglementaire.

Projet de loi numérique

Le Référentiel général d'Accessibilité pour les Administrations

Vos services numériques se doivent d'être accessibles.

the following video element has no text transcription

The following object element that present a video and has no text transcription

The following embed element that present a video and has no text transcription

Criterion 4.2 - For each prerecorded time-based media with a text transcript or a synchronized audio description, are these relevant (except in particular cases)?

Test 4.2.1: For each prerecorded audio-only time-based media with a text transcript, is this transcript relevant (except in particular cases)?

the following audio element has a relevant text transcription

Text transcription

You did accessible content

the following audio element has a not relevant text transcription

Text transcription

Not the good transcription

Test 4.2.2: Does each prerecorded video-only time-based media meet one of the following conditions (except in particular cases)?

the following video element has a relevant text transcription

Text transcription

Tanaguru

Votre accessibilité numérique, simplement.

by Océane Consulting Group

Votre ville est chaque jour de plus en plus connectée

90 % des français sont prêts à utiliser les services numériques pour leurs démarches administratives.

Pour les transports en commun ou le développement économique,

pour les activités culturelles ou sportives,

leurs démarches e-citoyennes ou le dialogue social, ainsi que l'éducation.

Les services numériques sont-ils un facteur d'inclusion social ?

Oui

S'il sont accessibles à l'ensemble des citoyens.

L'accessibilité numérique, un enjeu social

10 millions de personnes en situation de handicap et 20 millions de seniors en France

L'accessibilité numérique est aussi un enjeu réglementaire.

L'accessibilité numérique est aussi un enjeu réglementaire.

Projet de loi numérique

Le Référentiel général d'Accessibilité pour les Administrations

Vos services numériques se doivent d'être accessibles.

the following video element has a relevant audio alternative

Audio alternative

the following video element has a relevant audio description

the following video element has not relevant text transcription

Text transcription

Not the good transcription

Test 4.2.3: Does each prerecorded synchronized time-based media meet one of the following conditions (except in particular cases)?

the following video element has a relevant text transcription

Text transcription

Tanaguru

Votre accessibilité numérique, simplement.

by Océane Consulting Group

Votre ville est chaque jour de plus en plus connectée

90 % des français sont prêts à utiliser les services numériques pour leurs démarches administratives.

Pour les transports en commun ou le développement économique,

pour les activités culturelles ou sportives,

leurs démarches e-citoyennes ou le dialogue social, ainsi que l'éducation.

Les services numériques sont-ils un facteur d'inclusion social ?

Oui

S'il sont accessibles à l'ensemble des citoyens.

L'accessibilité numérique, un enjeu social

10 millions de personnes en situation de handicap et 20 millions de seniors en France

L'accessibilité numérique est aussi un enjeu réglementaire.

L'accessibilité numérique est aussi un enjeu réglementaire.

Projet de loi numérique

Le Référentiel général d'Accessibilité pour les Administrations

Vos services numériques se doivent d'être accessibles.

the following video element has a relevant audio alternative

Audio alternative

the following video element has not relevant text transcription

Text transcription

Not the good transcription

Criterion 4.3 - Does each prerecorded synchronized time-based media have synchronized captions if necessary (except in particular cases)?

Test 4.3.1: Does each prerecorded synchronized time-based media meet one of the following conditions (except in particular cases)?

the following audio element has synchronized captions

the following video element has no synchronized captions

Test 4.3.2: For each prerecorded synchronized time-based media with synchronized captions provided through a track tag, does the track tag have an attribute kind="captions"?

the following audio element has synchronized captions with kind="captions" attribute

the following audio element has synchronized captions without kind="captions" attribute

Criterion 4.4 - For each prerecorded synchronized time-based media with synchronized captions, are these captions relevant?

Test 4.4.1: For each prerecorded synchronized time-based media with synchronized captions, are these captions relevant?

the following audio element has relevant synchronized captions

the following video element has not relevant synchronized captions

Criterion 4.13 - Does each synchronized or video-only time-based media have a text transcript (except in particular cases)?

Test 4.13.1: Does each synchronized time-based media meet one of the following conditions, if necessary (except in particular cases)?

the following video element has a text transcription

Text transcription

Tanaguru

Votre accessibilité numérique, simplement.

by Océane Consulting Group

Votre ville est chaque jour de plus en plus connectée

90 % des français sont prêts à utiliser les services numériques pour leurs démarches administratives.

Pour les transports en commun ou le développement économique,

pour les activités culturelles ou sportives,

leurs démarches e-citoyennes ou le dialogue social, ainsi que l'éducation.

Les services numériques sont-ils un facteur d'inclusion social ?

Oui

S'il sont accessibles à l'ensemble des citoyens.

L'accessibilité numérique, un enjeu social

10 millions de personnes en situation de handicap et 20 millions de seniors en France

L'accessibilité numérique est aussi un enjeu réglementaire.

L'accessibilité numérique est aussi un enjeu réglementaire.

Projet de loi numérique

Le Référentiel général d'Accessibilité pour les Administrations

Vos services numériques se doivent d'être accessibles.

the following video element has no text transcription

Criterion 4.15 - Can each time-based media be clearly identified (except in particular cases)?

Test 4.15.1: For each audio-only, video-only or synchronized time-based media , does the adjacent textual content help to clearly identify the time-based media (except in particular cases)?

Short audio voice

Presentation video of Tanaguru

Presentation video synchronized of Tanaguru

Criterion 4.16 - Does each non time-based media have, if necessary, an alternative (except in particular cases)?

Test 4.16.1: Does each non time-based media meet, if necessary, one of the following conditions (except in particular cases)?

SVG media element with adjacent alternative

Show alternative

Canvas media element with adjacent alternative

Show alternative

Object media element with adjacent alternative

Show alternative

Embed media element with adjacent alternative

Show alternative

SVG media element without adjacent alternative

Canvas media element without adjacent alternative

Object media element without adjacent alternative

Embed media element without adjacent alternative

Criterion 4.18 - Can each autoplaying sound be controlled by the user?

Test 4.18.1: Does each audio sequence played automatically via an object, video, audio, embed tag, a JavaScript code or bgsound property meet one of the following conditions?

Short audio voice in audio tag

Short audio voice in video tag

Short audio voice in audio tag without controls

Short audio voice in video tag without controls

Short audio voice in object tag without controls

Short audio voice in embed tag without controls

Criterion 5.1 - Does each complex data table have a summary?

Test 5.1.1: Does each complex data table (table tag) have a summary, provided through the caption tag?

the following board has a caption

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h

the following board has no caption

Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h

Criterion 5.2 - For each complex data table with a summar, is this summary relevant?

Test 5.2.1: For each complex data table (table tag) with a summary, is this summary relevant?

the following board has a caption

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h

the following board has caption not relevant

^_^ ;-)
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h

the following board has caption not relevant

a board
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h

the following board has caption not relevant

Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h

Criterion 5.3 - For each layout table, is the linearized content still understandable?

Test 5.3.1: Does each layout table meet the following conditions:

The following presentation boards are correctly linearized

Ce tableau de mise en page
est correctement linéarisé.
Ce tableau de mise en page
est correctement linéarisé.

The following presentation boards are not correctly linearized

Ce tableau de mise en page pose des Le contenu n'est donc pas cohérent
problèmes quand il est linéarisé. pour certains utilisateurs.
Ce tableau de mise en page pose des Le contenu n'est donc pas cohérent
problèmes quand il est linéarisé. pour certains utilisateurs.

Criterion 5.4 - Does each data table have a title?

Test 5.4.1: Does each data table (table tag) have a caption tag?

The following board has a caption

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h
tuesday 8h-12h Close Close 14h-18h

the following board has no caption

Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h
tuesday 8h-12h Close Close 14h-18h

Criterion 5.5 - For each data table with a title, is this title relevant?

Test 5.5.1: For each data table (table tag) with a caption tag, does the content of this tag provide the title of the table?

The following board has a relevant caption

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h
tuesday 8h-12h Close Close 14h-18h

the following board has no relevant caption

^_^ ;-)
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h
tuesday 8h-12h Close Close 14h-18h
A board
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h
tuesday 8h-12h Close Close 14h-18h
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h
tuesday 8h-12h Close Close 14h-18h


The following table (styled with Bootstrap) has no relevant caption

# Column heading Column heading Column heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content
8 Column content Column content Column content
9 Column content Column content Column content

Criterion 5.6 - For each data table, are each column header and each row header correctly identified?

Test 5.6.1: For each data table (table tag), does each column header have a th tag?

The following board has th tag for each column header

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h
tuesday 8h-12h Close Close 14h-18h

The following board has no th tag for each column header

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h
tuesday 8h-12h Close Close 14h-18h

Test 5.6.2: For each data table (table tag), does each row header have a th tag?

The following board has th tag for each row header

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h
tuesday 8h-12h Close Close 14h-18h

The following board has no th tag for each row header

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h
tuesday 8h-12h Close Close 14h-18h

Criterion 5.7 - For each table, is each cell associated with its header using the appropriate technique?

Test 5.7.1: Does each header cell (th tag) applied to the whole row or to the whole column have a unique id attribute or a scope attribute?

The following board has a scope attribute for each column and row header

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h
tuesday 8h-12h Close Close 14h-18h

The following board has an id attribute for each column and row header

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h

The following board has no scope or id attribute for each column and row header

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h
tuesday 8h-12h Close Close 14h-18h

Test 5.7.2: Does each header cell (th tag) applied to the whole row or the whole column and having a scope attribute meet one of the following conditions?

The following board has a scope attribute for each column and row header and

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h
tuesday 8h-12h Close Close 14h-18h

The following board has scope attribute for each column and row header but not with col or raw value

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h
tuesday 8h-12h Close Close 14h-18h

Test 5.7.3: Does each header cell (th tag) that is not applied to the whole column meet the following conditions?

The following board has an id attribute for each column and row header

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h

The following board has id attribute for each column and row header but not unique

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h
tuesday 8h-12h Close Close 14h-18h

The following board has id and scope attribute for each column and row header

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h

Test 5.7.4: Does each cell (td or th tag) associated with one or several headers with an id attribute meet the following conditions:

The following board has an id attribute for each column and row header and an headers attribute for each cell

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h

The following board has an id attribute for each column and row header but not an headers attribute for each cell

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h

The following board has id and scope attribute for each column and row header and an headers attribute for each cell but not with relevant value

Opening hours of the communal house and the CPAS
Communal house CPAS
Morning Afternoon Morning Afternoon
Monday 8h-12h Close Close 14h-18h

Criterion 5.8 - Each layout table must not use elements intended for data tables. Has this rule been followed?

Test 5.8.1: Does each layout table (table tag) meet the following conditions:

The following presentation boards are correctly implemented

Ce tableau de mise en page
est correctement linéarisé.

The following presentation boards are not correctly implemented

Presentation board
Ce tableau de mise en page
est correctement linéarisé.

Criterion 6.1 - Is each link explicit (except in particular cases)?

Test 6.1.1: Does each link context meet one of the following conditions (except in particular cases)?

The following links are explicits alone or in the context

The following links are not explicits alone or in the context

Test 6.1.2: Does each image link meet one of the following conditions (except in particular cases)?

The following links are explicits alone or in the context

  • Retour en haut de page
  • 0123456789
  • Pour retourner en haut de page, cliquez sur la flèche flèche haut

The following links are not explicits alone or in the context

  • ;-) ^_^
  • toto
  • cliquez ici
  • 0123456789
  • Pour retourner en haut de page, Cliquez sur le lien suivant, lien suivant

Test 6.1.3: Does each combined link meet one of the following conditions (except in particular cases)?

The following links are explicits alone or in the context

The following links are not explicits alone or in the context

Criterion 6.2 - For each link with a link title, is this title relevant?

Test 6.2.1: For each text link with a link title (title attribute), is the content of this attribute relevant?

The following link has a relevant title attribute

Retour

The following links have no relevant title attribute

Test 6.2.2: For each image link with a link title (title attribute), is the content of this attribute relevant?

The following link has a relevant title attribute

Retour

The following links have no relevant title attribute

  • Retour
  • Retour
  • Retour

Test 6.2.3: For each combined link with a link title (title attribute), is the content of this attribute relevant?

The following link has a relevant title attribute

Retour

The following links have no relevant title attribute

Criterion 6.3 - Is each link text alone explicit out of context (except in particular cases)?

Test 6.3.1: Does each text link meet one of the following conditions (except in particular cases)?

The following links are explicits alone and out of context

The following links are not explicits alone and out of context

Test 6.3.2: Is each text for an image link explicit out of context (except in particular cases)?

The following images links are explicits alone and out of context

The following images links are not explicits alone and out of context

Test 6.3.3: Is each combined link (content of the text and of the alt attribute) explicit out of context (except in particular cases)?

The following combined links are explicits alone and out of context

The following combined links are not explicits alone and out of context

Criterion 6.4 - For each web page, does each identical link have the same purpose and target?

Test 6.4.1: For each web page, does each identical link of type text have the same purpose and target?

The following identicals links have the same destination

The following identicals links have not the same destination

Test 6.4.2: For each web page, does each identical link of type image have the same purpose and target?

The following identicals images links have the same destination

The following identicals image links have not the same destination

Test 6.4.3: For each web page, does each identical link of type combined link have the same purpose and target?

The following identicals combined links have the same destination

The following identicals combined links have not the same destination

Criterion 6.5 - On each web page, does each link, except in anchor, have a text?

Test 6.5.1: On each web page, does each link (a tag with an href attribute), except in anchor, have a text between a and /a?

The following links have no text

Criterion 7.3 - Can each script be controlled by keyboard and mouse (except in particular cases)?

Test 7.3.1: Does each element with an event handler controlled by a script meet one of the following conditions (except in particular cases)?

This following link brings you to a structured page, which it is possible to reach all the interactive elements in the order expected

Structured page

The following button opens a "dropdown" list, whose options are accessible with the keyboard.

It is not possible to reach the following elements

Some action

Some action


Some action

The following carrousel from Bootstrap is accessible with the keyboard, but the outline has been deactivated and li elements are used instead of buttons.

Criterion 7.4 - For each script that initiates a change of context, is the user warned or can he control it?

Test 7.4.1: Does each script initiating a change of context meet one of the following conditions?

The following button warns the user it opens a popup in a hidden text (with a script from Bootstrap).

The following button doesn't warn the user of the opening of a popup (with a script from Bootstrap).

Criterion 8.1 - Is each web page defined by a document type?

Test 8.1.1: For each web page, is the document type (doctype tag) available?

This following link brings you to a page that has an available document type

Structured page

The following page doesn't have document type available

Test 8.1.2: For each web page is the document type (doctype tag) valid?

This following link brings you to a page that has a valid document type

Structured page

This following link brings you to a page that has an invalid document type

Page with invalid document type

Test 8.1.3: For each web page with a document type declaration, is this declaration located before the HTML tag in the source code?

This following link brings you to a page that has a document type before the HTML tag

Structured page

This following link brings you to a page that has a document type not before the HTML tag

Page with document type not before HTML tag

Criterion 8.2 - For each web page, is the source code valid according to the specified document type (except in particular cases)?

Test 8.2.1 - For each document type declaration, does the page source code meet the following conditions (except in particular cases)?

Good samples

The following link provides access to a page that respects the W3C standard and an other link to the W3C evaluation of this page :

The page that respects the W3C standard and W3C validator of this page

Bad samples

The following link provides access to the W3C evaluation of this page :

W3C validator of this page

Test 8.2.2 - For each document type declaration, the page source code must not contain obsolete elements. Has this rule been followed (except in particular cases)?

Good samples

The following link provides access to a page that has no obsolete element :

The page that has no obsolete element and W3C validator of this page

Bad samples

The following link provides access to a page that has obsolete elements :

The page that has no obsolete element and W3C validator of this page

Criterion 8.3 - On each web page, is the default human language identifiable?

Test 8.3.1 - For each web page, does the default human language identification meet one of the following conditions?

Good samples

This following link brings you to a page that has a default human language identification

Structured page

Bad samples

The following page doesn't have the default human language identification

Criterion 8.4 - For each web page with a default human language, is the language code appropriate?

Test 8.4.1 - For each web page with a default human language, does the language code meet the following conditions:

Good samples

This following link brings you to a page that has a relevant default human language identification

Structured page

Bad samples

This following link brings you to a page that has a not relevant default human language identification

Page with not relevant default human language identification

Criterion 8.5 - Does each web page have a page title?

Test 8.5.1 - Does each web page have a page title (title tag)?

Good samples

This following link brings you to a page that has a page title

Structured page

Bad samples

The following page doesn't have a page title

Criterion 8.6 - For each web page with a page title, is this title relevant?

Test 8.6.1 - For each web page with a page title (title tag), is the content of this tag relevant?

Good samples

This following link brings you to a page that has a relevant page title

Structured page

Bad samples

This following links brings you to pages that have a not relevant page title

Page with not relevant page title An other page with not relevant page title

Criterion 8.7 - On each web page, is each change in the human language identified via the source code (except in particular cases)?

Test 8.7.1 - On each web page, does each text written in a language differing from the default human language meet one of the following conditions (except in particular cases)?

Good samples

يا ظالمني غناء أُم كلثوم - تأليف أحمد رامي
وقلبي من رضاك محروم يا ظالمني يا هجرني
تحيرني وتضنيني تلوعني وتكويني
وتغضب لما أقولك يوم ولما أشكي تخاصمني
يا ظالمني
وتنسى كل ما جرى لي حرام تهجر وتتجنى
يصادف يوم وتصفى لي وأقضي العمر أتمنى
وقاسيت الضنى في بعدك صبرت سنين على صدك

Bad samples

The following paragraphe is in Arabic but not identified as such

يا ظالمني غناء أُم كلثوم - تأليف أحمد رامي
وقلبي من رضاك محروم يا ظالمني يا هجرني
تحيرني وتضنيني تلوعني وتكويني
وتغضب لما أقولك يوم ولما أشكي تخاصمني
يا ظالمني
وتنسى كل ما جرى لي حرام تهجر وتتجنى
يصادف يوم وتصفى لي وأقضي العمر أتمنى
وقاسيت الضنى في بعدك صبرت سنين على صدك

Criterion 8.8 - On each web page, is each change in human language relevant?

Test 8.8.1 - On each web page, is each change in human language identification (lang and/or xml:lang attribute) technically valid?

Good samples

يا ظالمني غناء أُم كلثوم - تأليف أحمد رامي
وقلبي من رضاك محروم يا ظالمني يا هجرني
تحيرني وتضنيني تلوعني وتكويني
وتغضب لما أقولك يوم ولما أشكي تخاصمني
يا ظالمني
وتنسى كل ما جرى لي حرام تهجر وتتجنى
يصادف يوم وتصفى لي وأقضي العمر أتمنى
وقاسيت الضنى في بعدك صبرت سنين على صدك

Bad samples

يا ظالمني غناء أُم كلثوم - تأليف أحمد رامي
وقلبي من رضاك محروم يا ظالمني يا هجرني
تحيرني وتضنيني تلوعني وتكويني
وتغضب لما أقولك يوم ولما أشكي تخاصمني
يا ظالمني
وتنسى كل ما جرى لي حرام تهجر وتتجنى
يصادف يوم وتصفى لي وأقضي العمر أتمنى
وقاسيت الضنى في بعدك صبرت سنين على صدك

Criterion 8.9 - On each web page, tags must not be used only for layout. Has this rule been followed?

Test 8.9.1 - On each web page, tags must not be used (except div, span and table) only for layout. Has this rule been followed?

Good samples

This following paragraphe is implemented with relevant tag

Bad samples

This following paragraphes are not implemented with relevant tag

The previous tag is use to create a margin Link without any attribute
Fieldset without form or input element

Criterion 8.10 - On each web page, are changes in reading direction identified?

Test 8.10.1 - On each web page, does each text for which the reading direction is different from the default reading direction meet the following conditions:

Good samples

يا ظالمني غناء أُم كلثوم - تأليف أحمد رامي
وقلبي من رضاك محروم يا ظالمني يا هجرني
تحيرني وتضنيني تلوعني وتكويني
وتغضب لما أقولك يوم ولما أشكي تخاصمني
يا ظالمني
وتنسى كل ما جرى لي حرام تهجر وتتجنى
يصادف يوم وتصفى لي وأقضي العمر أتمنى
وقاسيت الضنى في بعدك صبرت سنين على صدك

Bad samples without information

يا ظالمني غناء أُم كلثوم - تأليف أحمد رامي
وقلبي من رضاك محروم يا ظالمني يا هجرني
تحيرني وتضنيني تلوعني وتكويني
وتغضب لما أقولك يوم ولما أشكي تخاصمني
يا ظالمني
وتنسى كل ما جرى لي حرام تهجر وتتجنى
يصادف يوم وتصفى لي وأقضي العمر أتمنى
وقاسيت الضنى في بعدك صبرت سنين على صدك

Test 8.10.2 - On each Web page, does each change reading direction (dir attribute) meet the following conditions:

Good samples

يا ظالمني غناء أُم كلثوم - تأليف أحمد رامي
وقلبي من رضاك محروم يا ظالمني يا هجرني
تحيرني وتضنيني تلوعني وتكويني
وتغضب لما أقولك يوم ولما أشكي تخاصمني
يا ظالمني
وتنسى كل ما جرى لي حرام تهجر وتتجنى
يصادف يوم وتصفى لي وأقضي العمر أتمنى
وقاسيت الضنى في بعدك صبرت سنين على صدك

Bad samples with a "dir" attribute whose value is "auto"

يا ظالمني غناء أُم كلثوم - تأليف أحمد رامي
وقلبي من رضاك محروم يا ظالمني يا هجرني
تحيرني وتضنيني تلوعني وتكويني
وتغضب لما أقولك يوم ولما أشكي تخاصمني
يا ظالمني
وتنسى كل ما جرى لي حرام تهجر وتتجنى
يصادف يوم وتصفى لي وأقضي العمر أتمنى
وقاسيت الضنى في بعدك صبرت سنين على صدك

Bad samples with a "dir" attribute whose value is different from that expected

يا ظالمني غناء أُم كلثوم - تأليف أحمد رامي
وقلبي من رضاك محروم يا ظالمني يا هجرني
تحيرني وتضنيني تلوعني وتكويني
وتغضب لما أقولك يوم ولما أشكي تخاصمني
يا ظالمني
وتنسى كل ما جرى لي حرام تهجر وتتجنى
يصادف يوم وتصفى لي وأقضي العمر أتمنى
وقاسيت الضنى في بعدك صبرت سنين على صدك

Support of the criterion 8.10 by assistive technologies

Support of the "dir" attribute with the "ltr | rtl" value
Jaws 18NVDA 2016
IE 11 Supporté Non supporté
Support of the "dir" attribute with the "auto" value
Jaws 18NVDA 2016
IE 11 Supporté Non supporté

Criterion 9.1 - In the Web site, are style sheets used to control information presentation?

Test 9.1.1 - Is there a level 1 heading (h1 tag or a tag with an ARIA role="heading" associated to an aria-level="1" property) on each web page?

Good samples

This following link brings you to a page that has a relevant level 1 heading

Structured page

Bad samples

This following page has no level 1 heading

Test 9.1.2 - On each web page, is the hierarchy between the headings (h1 to h6 tags or tags with an ARIA role="heading" associated to an aria-level property) relevant?

Good samples

This following link brings you to a page that has a relevant hierarchy of heading

Structured page

Bad samples

This following page has a not relevant hierarchy of heading

Test 9.1.3 - On each web page, tags used for information presentation must not be available in the source code. Has this rule been followed?

Good samples

This title is implemented with a correct tag
This other title is implemented with a role attribute that value is heading and an aria-level attribute that value is 4.

Bad samples

This title is not implemented with a correct tag

Test 9.1.4 - On each web page, is each heading (h1 to h6 tag or a tag with an ARIA role="heading" associated to an aria-level property) relevant?

Good samples

This following link brings you to a page that has a relevant hierarchy of heading

Structured page

Bad samples

This heading is not relevant

Criterion 9.2 - On each web page, is the document outline coherent?

Test 9.2.1 - On each web page, does the document outline meet the following conditions:

Good samples

This following link brings you to a page that is structured

Structured page

Bad samples

This following page is not structured

Test 9.2.2 - On each web page, is the document outline coherent?

Good samples

This following link brings you to a page that is structured

Structured page

Bad samples

This following page has no coherent document outline.

  • The heading hierarchy is not relevant ;
  • The HTML5 document outline is not declared but used ;
  • The <main> tag is in the <header> tag ;
  • The following bloc section is not relevant without content.

Criterion 9.3 - On each web page, is each list structured appropriately?

Test 9.3.1 - On each web page, does information grouped in an unordered list meet one of the following conditions?

Good samples

The following element is a list of fruit correctly implemented

  • Strawberry
  • Raspberry
  • Banana
  • Kiwi

The following element is a list from Bootstrap correctly implemented

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

Bad samples

The following list of elements is an ordered list of fruit but not implemented in list

* Strawberry
* Raspberry
* Banana
* Kiwi

- Strawberry
- Raspberry
- Banana
- Kiwi

The following element is an ordered list from Bootstrap not correctly implemented

Test 9.3.2 - On each web page, does information grouped in ordered lists meet one of the following conditions?

Good samples

The following element is an unordered list of fruit correctly implemented

  1. Strawberry
  2. Raspberry
  3. Banana
  4. Kiwi

The following element is a unordered list from Bootstrap correctly implemented

  1. Cras justo odio
  2. Dapibus ac facilisis in
  3. Morbi leo risus
  4. Porta ac consectetur ac
  5. Vestibulum at eros

Bad samples

The following list of elements is an ordered list of fruit but not implemented in ordered list

1 Strawberry
2 Raspberry
3 Banana
4 Kiwi

The following element is an unordered list from Bootstrap not correctly implemented

Test 9.3.3 - On each web page, does information grouped in definition lists use the dl and dt/dd tags?

Good samples

The following element is a definition list of fruit correctly implemented

Strawberry :
Small red fruit
Raspberry :
Small red fruit
Banana :
long yellow fruit
Kiwi :
small green fruit

Bad samples

The following list of elements is a definition list of fruit but not implemented in definition list

Strawberry : Small red fruit
Raspberry : Small red fruit
Banana : long yellow fruit
Kiwi : small green fruit

Criterion 9.4 - On each web page, does the first occurence of each abbreviation help to know its meaning?

Test 9.4.1 - On each web page, does the first occurence of each abbreviation meet one of the following conditions?

Good samples

All the first occurence of each abbreviation have its meaning nearby

WCAG (Web Content Accessible Guideline) is developed through the W3C (World Wide Web Consortium).

All the first occurence of each abbreviation is associated with a link to the glossary

WCAG is developed through the W3C.

All the first occurence of each abbreviation is associated with a link that have a title that value is composed with link text and meaning of the abbreviation

WCAG is developed through the W3C.

All the first occurence of each abbreviation is associated with an abbr tag that have a title that value is the meaning of the abbreviation

WCAG is developed through the W3C.

Bad samples

All the first occurence of each abbreviation not have its meaning

WCAG is developed through the W3C.

Criterion 9.6 - On each web page, is each quotation identified properly?

Test 9.6.1 - On each web page, does each short quotation use a q tag?

Good samples

Putting the web and its services available to all individuals, whatever their hardware, software, network infrastructure, mother tongue, culture, geographical location and their physical or mental capacities.

by Tim Berners-Lee

Bad samples

"Putting the web and its services available to all individuals, whatever their hardware, software, network infrastructure, mother tongue, culture, geographical location and their physical or mental capacities."

by Tim Berners-Lee

Test 9.6.2 - On each web page, does each long quotation use a blockquote tag?

Good samples

Putting the web and its services available to all individuals, whatever their hardware, software, network infrastructure, mother tongue, culture, geographical location and their physical or mental capacities.

by Tim Berners-Lee

Bad samples

"Putting the web and its services available to all individuals, whatever their hardware, software, network infrastructure, mother tongue, culture, geographical location and their physical or mental capacities."

by Tim Berners-Lee

Criterion 10.1 - In the Web site, are style sheets used to control information presentation?

Test 10.1.1 - On each web page, tags used for information presentation must not be available in the source code. Has this rule been followed?

Good samples

Paragraph normaly implement with a <p> tag.

Bad samples

Paragraph with a formatting with a <center> tag for a paragraph tag


Paragraph with a formatting with a <blink> tag for a paragraph tag

Paragraph with a formatting with a <basefont> tag for a paragraph tag

Paragraph with a formatting with a <font> tag for a paragraph tag

Paragraph with a formatting with a <marquee> tag for a paragraph tag

Paragraph with a formatting with a <s> tag for a paragraph tag

Paragraph with a formatting with a <strike> tag for a paragraph tag

Paragraph with a formatting with a <tt> tag for a paragraph tag

Paragraph with a formatting with a <u> tag for a paragraph tag

Test 10.1.2 - On each web page, attributes used for information presentation must not be available in the source code. Has this rule been followed?

Good samples

Paragraph normaly implement with a <p> tag.

Bad samples

Paragraph implement with a <p> tag and align in right by an attribute.

Paragraph implement with a <p> tag and with a border attribute.

Test 10.1.3 - On each web page, does the use of white spaces meet the following conditions:

Good samples

Paragraph normaly implement without white space.

Bad samples

Paragraph implement with white spaces characters are used to control spacing within a w o r d.

Paragraph implement with white spaces characters are used to format tables in plain text content.

          Fruits           Vegetable

         Banana              Salad

        Straberry           Tomato

Paragraph implement with       multiple columns in plain white spaces characters          text content.               are used to create

Criterion 10.2 - On each web page, is visible content still available when style sheets or images are disabled?

Test 10.2.1 - On each web page, is visible content still available when style sheets are disabled?

Good samples

Paragraph normaly implement with all information still available when style sheets are disabled.

Bad samples

Paragraph not normaly implement

The following informative image is implemented with css

Criterion 10.3 - On each web page, is information still understandable when style sheets are disabled?

Test 10.3.1 - On each web page, is information still understandable when style sheets are disabled?

Good samples

Text with a different position for each word

Text with a different position for each word

Bad samples

Text for each word with a different position

Text for each word with a different position

Criterion 10.4 - On each web page, is text still readable when character size is increased until at least 200%?

Test 10.4.1 - In the style sheets of the website, non relative units (pt, pc, mm, cm, in) must not be used for the media types screen, tv, handheld, projection. Has this rule been followed?

Good samples

Paragraph with relative units %

Paragraph with relative units em

Paragraph with relative units % - tag style

Paragraph with relative units em - tag style

Paragraph with relative units %

Paragraph with relative units em

Bad samples

Paragraph with non relative units px

Paragraph with non relative units pt

Paragraph with non relative units pc

Paragraph with non relative units mm

Paragraph with non relative units cm

Paragraph with non relative units im

Paragraph with non relative units px - tag style

Paragraph with non relative units pt - tag style

Paragraph with non relative units pc - tag style

Paragraph with non relative units mm - tag style

Paragraph with non relative units cm - tag style

Paragraph with non relative units im - tag style

Paragraph with non relative units px

Paragraph with non relative units pt

Paragraph with non relative units pc

Paragraph with non relative units mm

Paragraph with non relative units cm

Paragraph with non relative units im

Test 10.4.2 - In the style sheets of the website, for the media types screen, tv, handheld, projection, do font sizes use relative units only?

Good samples

Paragraph with % fontsize - extern CSS

Paragraph with em fontsize - extern CSS

Paragraph with % fontsize - tag style

Paragraph with em fontsize - tag style

Paragraph with % fontsize - attr style

Paragraph with em fontsize - attr style

Bad samples

Paragraph with px fontsize - extern CSS

Paragraph with px fontsize - tag style

Paragraph with px fontsize - attr style

Test 10.4.3 - On each web page, increasing the character size up to 200% must not cause loss of information. Has this rule been followed?

Good samples

Paragraph normaly implement that increasing the character size up to 200% not cause loss of information.

Bad samples

Paragraph that increasing the character size up to 200% cause loss of information.

Paragraph that increasing the character size up to 200% cause loss of information.

Criterion 10.5 - On each web page, are CSS declarations for background and foreground colors appropriate?

Test 10.5.1: On each web page, for each element that may contain text, is the CSS declaration for foreground color accompanied by a background color declaration at least, inherited from a parent element?

Element with text color and background color declared inline

Element with background color inherited from the parent element

Element without any background color inherited from a parent element

Test 10.5.2: On each web page, for each element that may contain text, is the CSS declaration for background color accompanied by a foreground color declaration at least, inherited from a parent element?

Element with text color inherited at least from the parent element

Element without any text color inherited from a parent element

Test 10.5.3: On each web page, for each element that may contain text, if an image is used to provide a background color via CSS, is there a corresponding background color declaration, at least, inherited from a parent element?

Element with a background image with an inherited background color from the parent element

Element with a background image with and a background color

Element with a background image but no background color, at least inherited from a parent element

Criterion 10.7 - On each web page, is the focus visible for each element that receives focus?

Test 10.7.1 - For each element receiving focus, the browser default visual cue must not be removed (CSS property outline, outline-color, outline-width, outline-style). Has this rule been followed?

Criterion 10.9 - For each web page, text must not be fully justified. Has this rule been followed?

Test 10.9.1: Does each web page meet one of the following conditions?
• The text is not fully justified
• The user can remove the full justification of text, via a provided mechanism

Text partially justified:

lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit ipsam ad in, soluta numquam, possimus fuga beatae velit consectetur aliquam laborum facere.

Liquam laborum facere debitis iste voluptatem aliquid molestiae aperiam ex eos.


Text whose justification can be removed by user by clicking the button above : lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit ipsam ad in, soluta numquam, possimus fuga beatae velit consectetur aliquam laborum facere

Justified text: lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit ipsam ad in, soluta numquam, possimus fuga beatae velit consectetur aliquam laborum facere debitis iste voluptatem aliquid molestiae aperiam ex eos.

Criterion 10.10 - For each web page, on a full-screen window and with a font size of 200%, is each block of text still readable without the use of horizontal scrolling?

Test 10.10.1 - On each web page, does increasing the text size up to 200% meet one of the following conditions?

Good samples

WCAG is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

Bad samples

Web Content Accessibility Guidelines (WCAG) is developed through the W3C (World Wide Web Consortium) process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

Web Content Accessibility Guidelines (WCAG) is developed through the W3C (World Wide Web Consortium) process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

Criterion 10.12 - For each web page, is line and paragraph spacing sufficient?

Test 10.12.1 - For each web page, does each block of text meet one of the following conditions?

Good samples

WCAG is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

Bad samples

WCAG is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

Test 10.12.2 - For each web page, does each block of text meet one of the following conditions?

Good samples

WCAG is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

WCAG is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

Bad samples

WCAG is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

WCAG is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

Criterion 10.13 - For each web page, are hidden texts rendered properly by assistive technologies?

Test 10.13.1 - On each web page, does each hidden text meet one of the following conditions?

Good samples

Show the hidden text

A link hidden off screen that can show on focus :
A link hidden off screen

A other hidden text that can be show with a button that inform the user by the "aria-expanded" and "aria-controls" attributes :

Bad samples

The following text is hidden with the property "display:none;" :

The following text is hidden with the property "visibility:hidden;" :

The following hidden text can be show, but the design pattern aria is not used correctly : Afficher

The following text is showing, but the users that use assistive technologies can not read it:

The following text is hidding off screen, the users that use assistive technologies can read it, but not the others: Some hidden text

The following input has a label correctly associated with it, but anybody can read it :

Criterion 10.14 - On each web page, information must not be conveyed by shape, size or location alone. Has this rule been followed?

Test 10.14.1: On each web page, for each text or set of text, information must not be conveyed by shape, size or location alone. Has this rule been followed?

In the following text, an indication of position is present with an anchor link to access to the element indicate

Hello students, we are happy to tell you that we started a new project. It is called People in Levels. This project is made from stories from News in Levels students. People can write about their lives. They can write about their feelings, the most interesting moments in their lives, dreams, favorite foods, favorite places or favorite activities. find the link to this projet below on right

The new project


In the following text, an indication of color is present with an anchor link to access to the element indicate

Hello students, we are happy to tell you that we started a new project. It is called People in Levels. This project is made from stories from News in Levels students. People can write about their lives. They can write about their feelings, the most interesting moments in their lives, dreams, favorite foods, favorite places or favorite activities. find the link to this projet below on red

The new project

In the following text, an indication of position is present without other means to access to the element indicate

Hello students, we are happy to tell you that we started a new project. It is called People in Levels. This project is made from stories from News in Levels students. People can write about their lives. They can write about their feelings, the most interesting moments in their lives, dreams, favorite foods, favorite places or favorite activities. find the link to this projet below on right

The new project


In the following text, an indication of color is present without other means to access to the element indicate

Hello students, we are happy to tell you that we started a new project. It is called People in Levels. This project is made from stories from News in Levels students. People can write about their lives. They can write about their feelings, the most interesting moments in their lives, dreams, favorite foods, favorite places or favorite activities. find the link to this projet below on red

The new project

Test 10.14.2: On each web page, for each image or set of images, information must not be conveyed by shape, size or location alone. Has this rule been followed?

In the following image, an indication of forme and color is present with a relevant alternative

1,2 points de hausse à l'ouverture et 0,8 points de baisse à la fermeture

In the following image, an indication of forme and color is present without a relevant alternative

1,2 points à l'ouverture et 0,8 points à la fermeture

Criterion 11.1 - Does each form field have a label?

Test 11.1.1 - Does each form field meet one of the following conditions?

Good samples

The form field has a title attribute:

The label (label tag) is associated with the form field:

The form field has an aria-label property:

The form field has an aria-labelledby property that references an identified chunk of text:

Field 4

Bad samples

The form field has no title, aria-label, aria-labelled attribure:

The form field has an empty title attribute:

The label is associating with a non-existing field:

The form field has an aria-labelledby property that references a non-existing chunk of text:

Field

The label (label tag) is associated with the form field, but it is hidden:

Test 11.1.2 - Does each form field that is associated with a label (label tag), meet the following conditions:

Good samples

The form field has an id attribute, which is unique and matches the value of a for attribute of a label :

Bad samples

The id of the form field isn't unique:

Test 11.1.3 - Does each form field associated with a label, via the ARIA aria-labelledby property, meet the following conditions?

Good samples

The following input has a label associated with it by the "aria-labelledby" attribute :
Some hidden label

The following input has labels associated with it by the "aria-labelledby" attribute :
Some hidden label

The following input has a label associated with it by the "aria-labelledby" attribute and show on focus :
Some hidden label

Bad samples

The following input has a label associated with it by the "aria-labelledby" attribute, but two contains have the same "id":
Some hidden label

The following input has labels associated with it by the "aria-labelledby" attribute. Some part of the label not has an "id" attribute :
Some hidden label

The following input has a label associated with it by the "aria-labelledby" attribute, but only the user use an assistive technology can read it :
Some hidden label

Test 11.1.4 - Does each form field that uses a property ARIA aria-label must be accompanied by a visible text passage and attached to the field to understand the nature of the expected input. Does this rule is respected?

Good samples

The following input has a label with the "aria-label" attribute and has a text passage just behind :
Some label

Bad samples

The following input has a label with the "aria-label" attribute, but it has not a text passage just behind :

Test 11.1.5 - Does each form field that uses a title attribute, meet the following conditions:

Good samples

The following input has a label with the "title" attribute and has no "placeholder" attribute :

The following input has a label with the "title" attribute and its "placeholder" attribute is equal to the "title" attribute :

Bad samples

The following input has a label with the "title" attribute and its "placeholder" attribute is not equal to the "title" attribute :

Criterion 11.2 - Is each label that is associated with a form field relevant?

Test 11.2.1 - Does each label (label tag) describe the exact function of the associated form field?

Good samples

The label (label tag) has an explicite content:

Bad samples

The label (label tag) has a content empty:

The label (label tag) has a content not explicite:

Test 11.2.2 - Does each title attribute describe the exact function of the associated form field?

Good samples

The title attribute on the input has an explicite content:

Bad samples

The title attribute on the input has a content empty:

The title attribute on the input has a content not explicite:

Test 11.2.3 - Does each label implemented via the ARIA aria-label property describe the exact function of the associated form field?

Good samples

The aria-label attribute on the input has an explicite content:

Bad samples

The aria-label attribute on the input has a content empty:

The aria-label attribute on the input has a content not explicite:

Test 11.2.4 - Does each label implemented via the ARIA aria-labelledby property describe the exact function of the associated form field?

Good samples

The text associated with aria-labelledby attribute on the input has an explicite content:
Your name :

Bad samples

The text associated with aria-labelledby attribute on the input has a content empty:

The text associated with aria-labelledby attribute on the input has a content not explicite:
;-) <3 :

Criterion 11.3 - On a given page, or set of pages, all form fields with similar functions must have consistent labels. Has this rule been followed?

Test 11.3.1 - On a given page, all form fields with similar functions must have consistent labels. Has this rule been followed?

Good samples

The following input have the same label with a different context

First person
Second person

Bad samples

The following input have the same label without a different context

Test 11.3.2 - On a given set of pages, all form fields with similar functions must have consistent labels. Has this rule been followed?

Good samples

This following link brings you to the site www.oceaneconsulting.com. The search form is present in all page and it is coherent

Oceane Consulting

Bad samples

This following link brings you to an other page that has the same input than in test 11.3.1 and it is not coherent

An other page with same input fields

Criterion 11.4 - In each form, are each label and its related control positioned next to each other?

Test 11.4.1 - In each form, are each label and its related control positioned next to each other?

Good samples

The following input has a label is next to the field

Bad samples

The following input has a label is not next to the field

Criterion 11.5 - In each form, is the information of same nature grouped together, if necessary?

Test 11.5.1 - In each form, is the information of same nature grouped together via a fieldset tag, if necessary?

Good samples

The following fields are grouped with the fieldset tag

Gender

Bad samples

The following fields are not grouped


Criterion 11.6 - In each form, does each form field grouping have a legend?

Test 11.6.1 - Is each form field grouping (fieldset tag) followed by a legend (legend tag) in the source code?

Good samples

The following fields are grouped with the fieldset tag and the first child is a legend tag

Gender

Bad samples

The following fields are grouped with the fieldset tag but without legend tag


The following fields are grouped with the fieldset tag but the legend tag is not the first child


Gender

Criterion 11.7 - In each form, is each legend, related to a form field grouping, relevant?

Test 11.7.1 - In each form, is each legend (legend tag), related to a form field grouping (fieldset tag), relevant?

Good samples

The following group of fields has a relevant legend tag

Gender

Bad samples

The following group of fields has an empty legend tag


The following group of fields has a not relevant legend tag

;-) <3

Criterion 11.8 - In each form, is each selection list structured in a relevant way?

Test 11.8.1 - In each form, are for selection list (select tag) items grouped together with an optgroup tag, if necessary?

Good samples

The following select field has options correctly grouped with optgroup tag

Bad samples

The following select field has options not correctly grouped with optgroup tag

Test 11.8.2 - In each selection list (select tag), does each list item grouping (optgroup tag) have a label attribute?

Good samples

The following select field has grouped options correctly implemented with label

Bad samples

The following select field has grouped options not correctly implemented with label

Test 11.8.3 - For each list item grouping (optgroup tag) with a label attribute, is the content of the label attribute relevant?

Good samples

The following select field has grouped options correctly implemented with label relevant



The following select field (styled with Bootstrap) has grouped options correctly implemented with label relevant

Bad samples

The following select field has grouped options implemented with label not relevant

Criterion 11.9 - In each form, is the text of each button relevant?

Test 11.9.1 - In each form, does the text of each button meet one of the following conditions?

Good samples

Bad samples

Test 11.9.2 - In each form, does the text of each button implemented via an ARIA property aria-labelledby meet the following conditions?

Good samples


Send

Bad samples


Send

Other send

Criterion 11.10 - In each form, is the input control used in a relevant way?

Test 11.10.1 - For each form, do mandatory fields indications meet one of the following conditions?

Good samples

Fields marked with (*) are mandatory.

For each field, a mention of the obligatory character of the field is made visually and textually with the mention (*).

Bad samples

Test 11.10.2 - Each mandatory field indication based on the ARIA properties aria-label, aria-required, or the "required" attribute, must have an explicit visual cue in its label (label tag) or in a chunk of text tied to the form field via the ARIA property aria-describedby or aria-labelledby. Has this rule been followed?

Good samples

Fields marked with (*) are mandatory.





Bad samples





Test 11.10.3 - Does each mandatory field indication provided via a chunk of text tied by an ARIA property aria-describedby or aria-labelledby meet the following conditions?

Good samples





Example with Bootstrap:

Bad samples




Test 11.10.4 - For each form, do the input errors meet one of the following conditions?

Good samples


(This is not correct. The value expected is seems like "example@mail.com")

Bad samples



Test 11.10.5 - Each input error indication based on the ARIA properties aria-label or aria-invalid must have an explicit visual cue in the label (label tag) or in a chunk of text tied to the form field via the ARIA property aria-describedby or aria-labelledby. Has this rule been followed?

Good samples


invalid

Bad samples



Test 11.10.6 - Does each input error indication provided via a chunk of text tied by an ARIA property aria-describedby or aria-labelledby meet the following conditions?

Good samples

The following input has a label associated with it by the "aria-describedby" attribute :
Some hidden label

The following input has labels associated with it by the "aria-describedby" attribute :
Some hidden label

The following input has a label associated with it by the "aria-describedby" attribute and show on focus :
Some hidden label

Bad samples

The following input has a label associated with it by the "aria-describedby" attribute, but two contains have the same "id":
Some hidden label

The following input has labels associated with it by the "aria-describedby" attribute. Some part of the label not has an "id" attribute :
Some hidden label

The following input has a label associated with it by the "aria-describedby" attribute, but only the user use an assistive technology can read it :
Some hidden label

Test 11.10.7 - For each form, does each mandatory field meet one of the following conditions?

Good samples

Fields marked with (*) are mandatory.

For each mandatory field, a mention of the data type of the field is made visually and textually.

Bad samples

Test 11.10.8 - Each data type and/or format indication based on the ARIA properties aria-label must have an explicit visual cue in its label (label tag) or in a chunk of text tied to the form field via the ARIA property aria-describedby or aria-labelledby. Has this rule been followed?

Good samples

example@email.com

Bad samples


Test 11.10.9 - Does each data type and/or format indication provided via a chunk of text tied by an ARIA property aria-describedby or aria-labelledby meet the following conditions?

Good samples

The following input has a label associated with it by the "aria-describedby" attribute :
Some hidden label (ex: example@email.com)

The following input has labels associated with it by the "aria-describedby" attribute :
Some hidden label (ex: example@email.com)

The following input has a label associated with it by the "aria-describedby" attribute and show on focus :
Some hidden label (ex: example@email.com)

Bad samples

The following input has a label associated with it by the "aria-describedby" attribute, but two contains have the same "id":
Some hidden label

The following input has labels associated with it by the "aria-describedby" attribute. Some part of the label not has an "id" attribute :
Some hidden label

The following input has a label associated with it by the "aria-describedby" attribute, but only the user use an assistive technology can read it :
Some hidden label

Test 11.10.10 - Does each form field that uses a title attribute as input help, meet the following conditions:

Good samples

The following input has a label with the "title" attribute and has no "placeholder" attribute :

The following input has a label with the "title" attribute and its "placeholder" attribute is equal to the "title" attribute :

Bad samples

The following input has a label with the "title" attribute and its "placeholder" attribute is not equal to the "title" attribute :

Criterion 11.11 - In each form, is input control accompanied, if necessary, by suggestions helping with the correction of input errors?

Test 11.11.1 - For each form, for each input error, are each data types and formats suggested, if necessary?

Good samples

(This is not correct. The value expected is in number like "0123456789")

Bad samples


Test 11.11.2 - For each form, for each input error, are examples for expected values suggested, if necessary?

Good samples

(This is not correct. The value expected is seems like "example@mail.com")

Bad samples


Criterion 11.14 - For each form, is input assistance available?

Test 11.14.1 - Does each form meet one of the following conditions?

Good samples

The following form has in first a passage of text to indicate the mandatories fields

The following fields that have the mention (*) are mandatories



The following form mention in first a link for an help page

You can have an help to answers this form in the following page : Help to this page



The following form the field of email has example of the data expected before the label


ex: example@mail.com

The following form the field of email has example of the data expected in the label



The following form the field of email has example of the data expected in a description associated with aria-describedby attribute



(ex: example@mail.com)

Bad samples

The following form has no indication to help users



Test 11.14.2 - Each indication based on the ARIA property aria-label must have an explicit visual cue. Has this rule been followed?

Good samples

The following form has a field that label is with an aria-label attribute and an equal passage of text

Name:

Bad samples

The following form has a field that label is with an aria-label attribute without an equal passage of text



Criterion 12.1 - Does each set of pages have at least two different navigation systems (except in particular cases)?

Test 12.1.1: Does each set of pages meet one of the following conditions (except in particular cases)?

This following page have a navigation menu and a sitemap

Page with a navigation menu and a sitemap

This following page have a navigation menu and a search form

Page with a navigation menu and a search form

This following page have a sitemap and a search form

Page with a sitemap and a search form

This following page have the three navigation system

Page with the three navigation system

This page have no navigation system.

This following page have only a navigation menu

Page with only a navigation menu

This following page have only a search form

Page with only a search form

This following page have only a sitemap

Page with only a sitemap

Criterion 12.2 - On each set of pages, are the menu or the navigation bars always located at the same place (except in particular cases)?

Test 12.2.1: On each set of pages, does each page with a navigation menu meet the following conditions (except in particular cases)?

This following link brings you to a page set with an identical menu on each page

Page set with an identical menu

f Page set with an identical menu (styled with Bootstrap)

This following link brings you to a page set with an different menu on each page

Page set with a different menu

Test 12.2.2: Does each navigation bar that is repeated in a set of pages meet the following conditions (except in particular cases)?

This following link brings you to a page set with an identical menu on each page

Page set with an identical menu

Page set with an identical menu (designed by Bootstrap)

This following link brings you to a page set with an identical menu on each page

Page set with a different menu

Criterion 12.3 - On each set of pages, do the menu and the navigation bars have a consistent presentation (except in particular cases)?

Test 12.3.1: On each set of pages, does the main navigation menu have a consistent presentation (except in particular cases)?

This following link brings you to a page set with an identical presentation of menu on each page

Page set with an identical menu

This following link brings you to a page set with an identical presentation of menu on each page

Page set with a different menu

Test 12.3.2: On each set of pages, do repeated navigation bars have a consistent presentation (except in particular cases)?

This following link brings you to a page set with an identical presentation of menu on each page

Page set with an identical menu

This following link brings you to a page set with an identical presentation of menu on each page

Page set with a different menu

Criterion 12.4 - Is the "site map" page relevant?

Test 12.4.1: Does the "site map" page represent the site general architecture?

This following link brings you to the sitemap of the site www.oceaneconsulting.com. The sitemap is representative

Sitemap of Oceane Consulting

This following link brings you to the sitemap of this site. The sitemap is not representative

Sitemap

Test 12.4.2: Are the links of the site map functional?

This following link brings you to the sitemap of the site www.oceaneconsulting.com. All the links are fonctionals

Sitemap of Oceane Consulting

This following link brings you to the sitemap of this site. At least one link is not fonctional

Sitemap

Test 12.4.3: Do the links of the site map refer to the pages that are specified by the text?

This following link brings you to the sitemap of the site www.oceaneconsulting.com. All the links bring you to the good page

Sitemap of Oceane Consulting

This following link brings you to the sitemap of this site. At least one link not bring you to the good page

Sitemap

Criterion 12.5 - In each set of pages, is the "site map" page accessible in an identical way?

Test 12.5.1: In each set of pages, is the "site map" page accessible from an identical functionality?

This following link brings you to the site www.oceaneconsulting.com. The sitemap is accessible from an identical link in all page

Oceane Consulting

On this site the link of sitemap is not present on all page and not with an identical functionality

Page de navigation

Test 12.5.2: In each set of pages, is the functionality leading to the "site map" page located at the same place in the presentation?

This following link brings you to the site www.oceaneconsulting.com. The sitemap is accessible from a link at the same place in all page

Oceane Consulting

On this site the link of sitemap is not present on all page and not always at the same place

Page de navigation

Test 12.5.3: In each set of pages, is the functionality leading to the "site map" page always presented in the same relative order in the source code?

This following link brings you to the site www.oceaneconsulting.com. The sitemap is accessible from a link at the same place in all page

Oceane Consulting

On this site the link of sitemap is not present on all page and not always at the same place

Page de navigation

Criterion 12.6 - In each set of pages, is the search function accessible in an identical way?

Test 12.6.1: In each set of pages, is the search function accessible with an identical functionality?

This following link brings you to the site www.oceaneconsulting.com. The search form is accessible from an identical functionality in all page

Oceane Consulting

On this site the search form is not present on all page and not with an identical functionality

Page de navigation

Test 12.6.2: In each set of pages, is the functionality leading to the search function located at the same place in the presentation?

This following link brings you to the site www.oceaneconsulting.com. The search form is accessible from an identical presentation in all page

Oceane Consulting

On this site the search form is not present on all page and not with an identical functionality

Page de navigation

Test 12.6.3: In each set of pages, is the functionality leading to the search function always presented in the same relative order in the source code?

This following link brings you to the site www.oceaneconsulting.com. The search form is accessible not always at the same place in all page

Oceane Consulting

On this site the search form is not present on all page and not always at the same place

Page de navigation

Criterion 12.7 - On each page within a collection of pages, are links facilitating navigation available?

Test 12.7.1: Does each page within a collection of pages, meet the following conditions:

A pagination correctly implemented



A pagination styled with bootstrap

A pagination not correctly implemented

Criterion 12.8 - On each web page, is a breadcrumb trail available (except in particular cases)?

Test 12.8.1: On each web page, is a breadcrumb trail available (except in particular cases)?

An example of breadcrump trail

Breadcrumb from Bootstrap:

The following page have no breadcrump trail

Page de navigation

Criterion 12.9 - On each web page, is the breadcrumb trail relevant?

Test 12.9.1: On each web page, does the breadcrumb trail represents the page position in the site structure?

A breadcrump trail correctly implemented on the Oceane Consulting Web site

Oceane Consulting

A breadcrump trail not represents of the page position

Criterion 12.10 - On each web page, are groups of important links (menu, navigation bar) and the main content area identified (except in particular cases)?

Test 12.10.1: On each web page, is each group of important links implemented in a single tag?

Test 12.10.2: On each web page, is each group of important links implemented in a single tag?

A menu of navigation that the tag that groups the links is implemented with an id

A group of links that the tag that groups the links is preceded by an anchor

A group of links that the first tag is an anchor

Test 12.10.3: On each web page, does the main content area meet one of the following conditions?

This following link brings you to a page that the main content is implemented with a main tag and an id attribute

Page with main content and an id attribute

This following link brings you to a page that the main content is implemented with an anchor

Page with main content and anchor

Some links that follow

This following link brings you to a page that the main content is implemented twice

Page with main content and an id attribute

This following link brings you to a page that the main content is implemented without id attribute or an anchor

Page with main content and anchor

Test 12.10.4: On each web page, does the document outline meet the following conditions:

This following link brings you to a structured page

Structured page

This page is structured with tags but no structured role is present in this structured elements

Criterion 12.11 - On each web page, are bypass or skip links to groups of important links and to the main content area available (except in particular cases)?

Test 12.11.1: On each web page, is there a link to bypass, or skip to, each identified group of important links?

This page has no skip link, but this may be correct since there is no menu

This following link brings you to a structured page, that has skip links

Structured page

This following link brings you to a page that has a navigation, but no skip link

Page without skip link

Test 12.11.2: On each web page, is there a link to bypass, or skip to, the identified content area or to access it?

This page has no skip link, but this may be correct since there is no menu

This following link brings you to a structured page, that has skip links

Structured page

This following link brings you to a page that has a main content, but no skip link

Page without skip link

Test 12.11.3: On each web page, is each bypass or skip link functional?

This following link brings you to a structured page, that has skip links functional

Structured page

This following link is a skip link without target

An anchor link without target

Test 12.11.4: On each set of pages, do bypass or skip links meet the following conditions:

This following link brings you to the site www.oceaneconsulting.com. The skip link is always at the same place in all page

Oceane Consulting

This site has not skip link in all page and not at the same place

Criterion 12.12 - On each web page, is the current page specified in the navigation menu?

Test 12.12.1: On each web page, is the current page specified in the navigation menu?

This following link brings you to a structured page, that has a navigation menu that indicate the current page

Structured page

This page has no indication on the current page while the navigation is present and with a a link target this page

Criterion 12.13 - On each web page, is tabbing order consistent?

Test 12.13.1: On each web page, is the tabbing order through the content consistent?

This following link brings you to a structured page, that has no tabindex attribute or element with float:right property

Structured page

The followings elements disturb the tabbing order

First content
second content A link

Criterion 13.1 - For each web page, can the user control each time limit that modifies content (except in particular cases)?

Test 13.1.1 - For each web page, does each refresh process or automatic redirection (code, script, object tag, applet tag, meta tag) meet one of the following conditions (except in particular cases)?

Test 13.1.2 - For each web page, is each redirection initiated via the meta tag immediate (except in particular cases)?

Criterion 13.6 -

Test 13.6.1 -

Good samples

download document

Bad samples

Criterion 13.9 - On each web page, are unusual phrases, idioms or jargon made explicit?

Test 13.9.1 - On each web page, does each phrase used in an unusual or restricted way, each idiom or jargon meet one of the following conditions?

Good samples

Web Content Accessibility Guidelines (WCAG) is developed through the W3C (World Wide Web Consortium) process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

Bad samples

WCAG is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

Criterion 13.14 - On each web page, does each text that requires a reading ability more advanced than the lower secondary education level have an alternative version?

Test 13.14.1 - On each web page, does each text that requires a reading ability more advanced than the lower secondary education level (except for proper names and title) meet one of the following conditions?

Good samples

WCAG is developed through the W3C.

Process in cooperation with individuals and organizations around the world.

Proving a web content accessibility for individuals, organizations, and governments internationally.

WCAG is Web Content Accessibility Guidelines.

W3C is World Wide Web Consortium

Bad samples

WCAG is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

Liste des pages

Occurrences

au 12 mai 2017 sur la version 4.1.0 de Tanaguru
Test Page Sample code Present Tested Not applicable Not conforming Compliant Pre-qualified (NMI Failed) Pre-qualified (NMI Neutral) Pre-qualified (NMI Passed)
1.1.1 Index <img src="[source]" alt="[...]" /> 222 222 0 2 220 0 0 0
Structured page <img src="[source]" alt="[...]" /> 0 0 0 0 0 0 0 0
Invalided page <img src="[source]" alt="[...]" /> 0 0 0 0 0 0 0 0
1.1.2 Index <area alt="" shape="[...]" coords="[...]" /> 58 58 0 6 52 0 0 0
Structured page <area alt="" shape="[...]" coords="[...]" /> 0 0 0 0 0 0 0 0
Invalided page <area alt="" shape="[...]" coords="[...]" /> 0 0 0 0 0 0 0 0
1.1.3 Index <input src="[source]" type="image" alt="[...]" /> 22 22 0 1 21 0 0 0
Structured page <input src="[source]" type="image" alt="[...]" /> 0 0 0 0 0 0 0 0
Invalided page <input src="[source]" type="image" alt="[...]" /> 0 0 0 0 0 0 0 0
1.1.4 Index <img src="[source]" alt="" usemap="[...]" ismap /> 2 2 0 1 1 0 0 0
Structured page <img src="[source]" alt="" usemap="[...]" ismap /> 0 0 0 0 0 0 0 0
Invalided page <img src="[source]" alt="" usemap="[...]" ismap /> 0 0 0 0 0 0 0 0
1.2.1 Index <img class="decorative-image" src="[source]" alt="" /> 14 14 0 10 4 0 0 0
Structured page <img class="decorative-image" src="[source]" alt="" /> 0 0 0 0 0 0 0 0
Invalided page <img class="decorative-image" src="[source]" alt="" /> 0 0 0 0 0 0 0 0
1.2.2 Index <area class="decorative-image" alt="" shape="[...]" coords="[...]" /> 14 14 0 10 4 0 0 0
Structured page <area class="decorative-image" alt="" shape="[...]" coords="[...]" /> 0 0 0 0 0 0 0 0
Invalided page <area class="decorative-image" alt="" shape="[...]" coords="[...]" /> 0 0 0 0 0 0 0 0
1.2.3 Index <object class="decorative-image" aria-hidden="true" data="[source]" type="image/gif" /> 8 8 0 6 2 0 0 0
Structured page <object class="decorative-image" aria-hidden="true" data="[source]" type="image/gif" /> 0 0 0 0 0 0 0 0
Invalided page <object class="decorative-image" aria-hidden="true" data="[source]" type="image/gif" /> 0 0 0 0 0 0 0 0
1.2.4 Index <svg class="decorative-image" aria-hidden="true" />[...]</svg> 16 16 0 11 5 0 0 0
Structured page <svg class="decorative-image" aria-hidden="true" />[...]</svg> 0 0 0 0 0 0 0 0
Invalided page <svg class="decorative-image" aria-hidden="true" />[...]</svg> 0 0 0 0 0 0 0 0
1.2.5 Index <canvas class="test_canvas decorative-image" aria-hidden="true" />[...]</canvas> 8 8 0 6 2 0 0 0
Structured page <canvas class="test_canvas decorative-image" aria-hidden="true" />[...]</canvas> 0 0 0 0 0 0 0 0
Invalided page <canvas class="test_canvas decorative-image" aria-hidden="true" />[...]</canvas> 0 0 0 0 0 0 0 0
1.2.6 Index <embed class="decorative-image" type="image/gif" src="[source]" aria-hidden="true" />[...]</embed> 7 7 0 5 2 0 0 0
Structured page <embed class="decorative-image" type="image/gif" src="[source]" aria-hidden="true" />[...]</embed> 0 0 0 0 0 0 0 0
Invalided page <embed class="decorative-image" type="image/gif" src="[source]" aria-hidden="true" />[...]</embed> 0 0 0 0 0 0 0 0
1.3.1 Index <img class="decorative-image" src="[source]" alt="[...]" /> 13 13 0 5 8 0 0 0
Structured page <img class="decorative-image" src="[source]" alt="[...]" /> 0 0 0 0 0 0 0 0
Invalided page <img class="decorative-image" src="[source]" alt="[...]" /> 0 0 0 0 0 0 0 0
1.3.2 Index <area class="decorative-image" alt="[...]" shape="[...]" coords="[...]" /> 22 22 0 8 14 0 0 0
Structured page <area class="decorative-image" alt="[...]" shape="[...]" coords="[...]" /> 0 0 0 0 0 0 0 0
Invalided page <area class="decorative-image" alt="[...]" shape="[...]" coords="[...]" /> 0 0 0 0 0 0 0 0
1.3.3 Index <object class="decorative-image" aria-hidden="true" data="[source]" type="image/gif" /> 8 8 0 6 2 0 0 0
Structured page <object class="decorative-image" aria-hidden="true" data="[source]" type="image/gif" /> 0 0 0 0 0 0 0 0
Invalided page <object class="decorative-image" aria-hidden="true" data="[source]" type="image/gif" /> 0 0 0 0 0 0 0 0
1.3.4 Index <svg class="decorative-image" aria-hidden="true" />[...]</svg> 16 16 0 11 5 0 0 0
Structured page <svg class="decorative-image" aria-hidden="true" />[...]</svg> 0 0 0 0 0 0 0 0
Invalided page <svg class="decorative-image" aria-hidden="true" />[...]</svg> 0 0 0 0 0 0 0 0
1.3.5 Index <canvas class="test_canvas decorative-image" aria-hidden="true" />[...]</canvas> 8 8 0 6 2 0 0 0
Structured page <canvas class="test_canvas decorative-image" aria-hidden="true" />[...]</canvas> 0 0 0 0 0 0 0 0
Invalided page <canvas class="test_canvas decorative-image" aria-hidden="true" />[...]</canvas> 0 0 0 0 0 0 0 0
1.3.6 Index <embed class="decorative-image" type="image/gif" src="[source]" aria-hidden="true" />[...]</embed> 7 7 0 5 2 0 0 0
Structured page <embed class="decorative-image" type="image/gif" src="[source]" aria-hidden="true" />[...]</embed> 0 0 0 0 0 0 0 0
Invalided page <embed class="decorative-image" type="image/gif" src="[source]" aria-hidden="true" />[...]</embed> 0 0 0 0 0 0 0 0
Total Index
Structured page
Structured page