- \n
- Accueil \n
- \n- Web \n+ Site Web\n \n
- \n- Mobile\n+ Application mobile\n \n \n-
- Éditorial \n+
- Contenu éditorial \n
- \n fren\n \n@@ -101,7 +101,7 @@\n \n Vous êtes ici : \n
- Mobile \n+
- Application mobile \n
- isAccessibilityElement : booléen qui permet d’indiquer qu’un élément est visible ou non de l’API d’accessibilité (de VoiceOver ou autre). \n
- accessibilityElementsHidden : booléen qui permet d’indiquer que les éléments fils de l’élément cible sont visibles ou non de l’API d’accessibilité. \n
- accessibilityViewIsModal : booléen qui permet de rendre visible ou non les éléments frères de l’élément cible à l’API d’accessibilité.\n-Très utile pour rendre accessible des popin custom view par exemple. \n+Très utile pour rendre accessible des popup custom view par exemple. \n
- \n-
Description
\nL’attribut accessibilityElement
est disponible via l’interface builder de Xcode mais est également utilisable directement via le code.\n Les deux autres attributs sont utilisables uniquement via le code.
Lien
\nTous les événements sont disponibles sur la documentation officielle d'Apple.
\nTaille des textes
\nDescription
\n-La gestion des polices dynamiques sous iOS est complexe.\n-Depuis iOS7, il est possible d’utiliser une API permettant de modifier dynamiquement la taille des textes d'une application à l’aide du paramétrage du téléphone.\n+
Depuis iOS7, il est possible de modifier dynamiquement la taille des textes d'une application à l’aide du paramétrage du téléphone.\n \n-Quelques points sont néanmoins essentiels pour la bonne utilisation de cette API :
\n+Quelques points sont néanmoins essentiels pour la bonne utilisation de l'API mise à disposition :\n- \n-
Utiliser les polices système pour les textes de l’application afin d'éviter les mauvaises surprises même s'il est toutefois possible de définir ses propres polices dérivées de la classe
\n+UIFont
surtout depuis l'arrivée deUIFontMetrics
avec iOS11.Utiliser la police système pour les textes de l’application afin de se faciliter grandement la tâche même si l'utilisation d'autres polices est devenue nettement plus aisée depuis l'arrivée de
\nUIFontMetrics
avec iOS11.\n __weak IBOutlet UILabel * fontHeadline;\n __weak IBOutlet UILabel * fontFootNote;\n@@ -987,7 +986,8 @@
Description
\n fontHeadline.font = fontHeadMetrics.scaledFont(for: fontHead!)\n \n Penser à écouter la notification UIContentSizeCategoryDidChange qui annonce le changement de la taille du texte à partir des paramètres du téléphone.\n-Cette tâche est simplifiée depuis iOS11 où l'attribut adjustsFontForContentSizeCategory se charge de la mise à jour automatique de la nouvelle taille de police au sein de l'application.
\n+Cette tâche est simplifiée depuis iOS10 où l'attribut adjustsFontForContentSizeCategory se charge de la mise à jour automatique de la nouvelle taille de la police système au sein de l'application (cet attribut ne peut s'appliquer aux polices personnalisées qu'avec l'utilisation deUIFontMetrics
en iOS11).\n+Il est aussi possible d'utiliser la méthode traitCollectionDidChange du protocole informelUITraitEnvironment
qui sera automatiquement appelée dès qu'une modification concernant l'environnement de l'interface iOS surviendra (class/content size, portrait/paysage).\n\n //Écoute de la notification annonçant le changement de taille de la police.\n [[NSNotificationCenter defaultCenter] addObserver:self\n@@ -2151,14 +2151,14 @@
Les critères incontournables sou\n });\n \n
\n-
Pour la conception
\n+Pour la conception
\nCe socle de critères destiné aux applications mobiles iOS Orange pose les fondations qui permettent de s’engager dans une démarche de mise en accessibilité.\n Le respect de la charte Orange pour iOS, document disponible sur le site de la marque Orange, est un prérequis à l’utilisation de ce socle.\n Certains points déjà présents dans la charte Orange (utilisation des couleurs notamment) n’ont pas été repris dans cette liste de critères.
\n-Pour le développement
\n+Pour le développement
\nLes critères incontournables pour le développement ont pour vocation d’aider les développeurs avec les principales options d’accessibilité du SDK iOS.\n À travers différentes catégories, ce guide explique comment utiliser les attributs et méthodes d’accessibilité et propose des liens vers la documentation officielle d'Apple.
\n-WWDC
\n+WWDC
\nCette section regroupe des présentations concernant l'accessibilité faites par Apple à la World Wide Developers Conference.\n Chacune de ces présentations est détaillée et chaque thème décrit fait référence à une indication temporelle au sein de la vidéo de façon à pouvoir le visualiser le plus rapidement possible.
\n "},{"sha":"48f2bb9f2038054224a5cfafbdb926a121f09670","filename":"mobile_EN/contact.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fcontact.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fcontact.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Fcontact.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n- \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- How to define an (in)accessible element ? (31:10). \n-
- How to fill the
label
andvalue
properties? (29:59). \n- - How to gather several elements into a single one ? (31:50). \n+
- How to define an (in)accessible element ? (31:10) \n+
- How to fill the
label
andvalue
properties? (29:59) \n+ - How to gather several elements into a single one ? (31:50) \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- isAccessibilityElement : boolean to specify that an element is visible or not to the Accessibility API (VoiceOver or other). \n
- accessibilityElementsHidden : boolean to indicate that the children elements of the target element are visible or not to the Accessibility API. \n-
- accessibilityViewIsModal : boolean that can make visible or not the sibling elements of the target element to the Accessibility API. Very useful for making accessible custom popin views for example. \n+
- accessibilityViewIsModal : boolean that can make visible or not the sibling elements of the target element to the Accessibility API. Very useful for making accessible custom popup views for example. \n
Choose the system fonts even if it's possible to use its own fonts inherited from
\n+UIFont
and assisted withUIFontMetrics
(iOS11 new feature).Choose the system font to facilitate your programing even if the use of other fonts is well assisted by the
\nUIFontMetrics
new class (iOS11).\n __weak IBOutlet UILabel * fontHeadline;\n __weak IBOutlet UILabel * fontFootNote;\n@@ -702,7 +701,8 @@
Description
\n let fontHeadMetrics = UIFontMetrics(forTextStyle: .headline)\n fontHeadline.font = fontHeadMetrics.scaledFont(for: fontHead!)\n \n-Listen to the font size settings change event UIContentSizeCategoryDidChange or directly use the property adjustsFontForContentSizeCategory to have an automatic update if you're programming in iOS11.
\n+Listen to the font size settings change event UIContentSizeCategoryDidChange or directly use the property adjustsFontForContentSizeCategory to have an automatic update of your system font size if you're programming in iOS10 (this attribute applies to custom fonts only with the
\nUIFontMetrics
class).\n+Note that the traitCollectionDidChange method that belongs to theUITraitEnvironment
informal protocol may also be used in this context because it will be called as soon as the iOS interface environment changes (class/content size, portrait/landscape).\n //Listens to the notification dealing with the font size changing from the mobile settings.\n [[NSNotificationCenter defaultCenter] addObserver:self"},{"sha":"aa340c73cfdeca1df795a3a09174fdec6b1540da","filename":"mobile_EN/dev-mobile.html","status":"modified","additions":9,"deletions":9,"changes":18,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fdev-mobile.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fdev-mobile.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Fdev-mobile.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n
- \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- Android version is about application development for the Google platform: Android. \n-
- iOS version is about application development for the Apple platform: iOS. \n+
- Android version is about application development for the Google platform: Android. \n+
- iOS version is about application development for the Apple platform: iOS. \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- Home \n
- \n- Web \n+ Website \n \n
- \n- Mobile\n+ Mobile app\n
- \n
- Presentation \n-
- Mobile criteria \n-
- Guide for developers \n+
- Mobile criteria \n+
- Guide for developers \n
- mDAN \n
- Screen reader \n
- Useful links \n
- Contact \n
- About \n
\n- - Content \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here: \n
- Mobile \n+
- Mobile app \n
- À propos \n
- \n-
\n@@ -122,10 +122,10 @@ Guide for developers
\n Through different categories, this guide explains how to use the accessibility attributes / methods and provides links to the official documentation of Google / Apple.\nTwo versions are available:
\n- \n-
The iOS WWDC section is dedicated to some World Wide Developers Conference presentations.
\n+The iOS WWDC section is dedicated to some World Wide Developers Conference presentations.
\n "},{"sha":"1dcfd7b6808c2a32de22b0ecadf0a0ae75013943","filename":"mobile_EN/index.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Findex.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Findex.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Findex.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n- \n
- \n-
"},{"sha":"7e8ad886ef68933db3665ede9c677eb4a6e53300","filename":"mobile_EN/links.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Flinks.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Flinks.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Flinks.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n - \n
- \n-
"},{"sha":"40376ac16469107c36afa965c37abff337606a29","filename":"mobile_EN/lunr-index.js","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Flunr-index.js","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Flunr-index.js","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Flunr-index.js?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -423,7 +423,7 @@ documentTitles[\"dev-ios.html#description\"] = \"Description\";\n index.add({\n url: \"dev-ios.html#description\",\n title: \"Description\", \n- body: \"### Description It is possible via an accessibility attribute to hide elements from accessibility tools (e.g. VoiceOver). By extension, it is possible to force some elements to be visible to accessibility tools. - **isAccessibilityElement** : boolean to specify that an element is visible or not to the Accessibility <abbr>API</abbr> (VoiceOver or other). - **accessibilityElementsHidden** : boolean to indicate that the children elements of the target element are visible or not to the Accessibility <abbr>API</abbr>. - **accessibilityViewIsModal** : boolean that can make visible or not the sibling elements of the target element to the Accessibility <abbr>API</abbr>. Very useful for making accessible custom popin views for example. The `accessibilityElement` attribute is available via the interface builder but can also be used directly through the code. The other two attributes are available only through the code. \"\n+ body: \"### Description It is possible via an accessibility attribute to hide elements from accessibility tools (e.g. VoiceOver). By extension, it is possible to force some elements to be visible to accessibility tools. - **isAccessibilityElement** : boolean to specify that an element is visible or not to the Accessibility <abbr>API</abbr> (VoiceOver or other). - **accessibilityElementsHidden** : boolean to indicate that the children elements of the target element are visible or not to the Accessibility <abbr>API</abbr>. - **accessibilityViewIsModal** : boolean that can make visible or not the sibling elements of the target element to the Accessibility <abbr>API</abbr>. Very useful for making accessible custom popup views for example. The `accessibilityElement` attribute is available via the interface builder but can also be used directly through the code. The other two attributes are available only through the code. \"\n });\n \n documentTitles[\"dev-ios.html#example\"] = \"Example\";\n@@ -647,7 +647,7 @@ documentTitles[\"dev-ios.html#description\"] = \"Description\";\n index.add({\n url: \"dev-ios.html#description\",\n title: \"Description\", \n- body: \"### Description Dynamic font size on iOS is very tricky. </br>Since iOS7, it is possible to use an <abbr>API</abbr> to make the text size dynamic according to the phone settings. </br><img alt=\\"larger accessibility sizes option screenshot\\" style=\\"max-width: 600px; height: auto; \\" src=\\"./images/iOSdev/TailleDesTextes_1.png\\" /> </br>The following steps should be respected in order to easily use this <abbr>API</abbr> : - Choose the system fonts even if it's possible to use its own fonts inherited from `UIFont` and assisted with `UIFontMetrics` (iOS11 new feature). <pre><code class=\\"objective-c\\"> __weak IBOutlet UILabel * fontHeadline; __weak IBOutlet UILabel * fontFootNote; //Use of the default native font for a header. UIFont * myFont = [UIFont preferredFontForTextStyle:UIFontTextStyleHeadline]; //Personal font definition for a header. UIFont * fontHead = [UIFont fontWithName:@\\"Chalkduster\\" size:30.0]; UIFontMetrics * fontHeadMetrics = [[UIFontMetrics alloc]initForTextStyle:UIFontTextStyleHeadline]; fontHeadline.font = [fontHeadMetrics scaledFontForFont:fontHead]; </code></pre><pre><code class=\\"swift\\"> @IBOutlet weak var fontHeadline: UILabel! @IBOutlet weak var fontFootNote: UILabel! //Use of the default native font for a header. let myFont = UIFont.preferredFont(forTextStyle: .headline) //Personal font definition for a header. let fontHead = UIFont(name: \\"Chalkduster\\", size: 30.0) let fontHeadMetrics = UIFontMetrics(forTextStyle: .headline) fontHeadline.font = fontHeadMetrics.scaledFont(for: fontHead!) </code></pre> - Listen to the font size settings change event **UIContentSizeCategoryDidChange** or directly use the property **adjustsFontForContentSizeCategory** to have an automatic update if you're programming in iOS11. <pre><code class=\\"objective-c\\"> //Listens to the notification dealing with the font size changing from the mobile settings. [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(methodToBeCalled:) name:UIContentSizeCategoryDidChangeNotification object:nil]; //Automatic changing of the font size without listening to the previous notification. fontHeadline.adjustsFontForContentSizeCategory = YES; - (void)methodToBeCalled:(NSNotification *)notification { //When handling the font size change event, you must redisplay the affected elements. fontFootNote.font = [UIFont preferredFontForTextStyle:UIFontTextStyleFootnote]; } </code></pre><pre><code class=\\"swift\\"> //Listens to the notification dealing with the font size changing from the mobile settings. NotificationCenter.default.addObserver(self, selector:#selector(methodToBeCalled(notification:)), name: .UIContentSizeCategoryDidChange, object: nil) //Automatic changing of the font size without listening to the previous notification. fontHeadline.adjustsFontForContentSizeCategory = true @objc func methodToBeCalled(notification: Notification) { //When handling the font size change event, you must redisplay the affected elements. fontFootNote.font = UIFont.preferredFont(forTextStyle: .footnote) } </code></pre> - Be careful that the containers fit their contents: using constraints is the best way to perform this task using dynamic values. \"\n+ body: \"### Description Since iOS7, it is possible to make the text size dynamic according to the phone settings. </br><img alt=\\"larger accessibility sizes option screenshot\\" style=\\"max-width: 600px; height: auto; \\" src=\\"./images/iOSdev/TailleDesTextes_1.png\\" /> </br>The following steps should be respected in order to easily use this <abbr>API</abbr> : - Choose the system font to facilitate your programing even if the use of other fonts is well assisted by the `UIFontMetrics` new class (iOS11). <pre><code class=\\"objective-c\\"> __weak IBOutlet UILabel * fontHeadline; __weak IBOutlet UILabel * fontFootNote; //Use of the default native font for a header. UIFont * myFont = [UIFont preferredFontForTextStyle:UIFontTextStyleHeadline]; //Personal font definition for a header. UIFont * fontHead = [UIFont fontWithName:@\\"Chalkduster\\" size:30.0]; UIFontMetrics * fontHeadMetrics = [[UIFontMetrics alloc]initForTextStyle:UIFontTextStyleHeadline]; fontHeadline.font = [fontHeadMetrics scaledFontForFont:fontHead]; </code></pre><pre><code class=\\"swift\\"> @IBOutlet weak var fontHeadline: UILabel! @IBOutlet weak var fontFootNote: UILabel! //Use of the default native font for a header. let myFont = UIFont.preferredFont(forTextStyle: .headline) //Personal font definition for a header. let fontHead = UIFont(name: \\"Chalkduster\\", size: 30.0) let fontHeadMetrics = UIFontMetrics(forTextStyle: .headline) fontHeadline.font = fontHeadMetrics.scaledFont(for: fontHead!) </code></pre> - Listen to the font size settings change event **UIContentSizeCategoryDidChange** or directly use the property **adjustsFontForContentSizeCategory** to have an automatic update of your system font size if you're programming in iOS10 (this attribute applies to custom fonts only with the `UIFontMetrics` class). </br>Note that the **traitCollectionDidChange** method that belongs to the `UITraitEnvironment` informal protocol may also be used in this context because it will be called as soon as the iOS interface environment changes *(class/content size, portrait/landscape)*. <pre><code class=\\"objective-c\\"> //Listens to the notification dealing with the font size changing from the mobile settings. [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(methodToBeCalled:) name:UIContentSizeCategoryDidChangeNotification object:nil]; //Automatic changing of the font size without listening to the previous notification. fontHeadline.adjustsFontForContentSizeCategory = YES; - (void)methodToBeCalled:(NSNotification *)notification { //When handling the font size change event, you must redisplay the affected elements. fontFootNote.font = [UIFont preferredFontForTextStyle:UIFontTextStyleFootnote]; } </code></pre><pre><code class=\\"swift\\"> //Listens to the notification dealing with the font size changing from the mobile settings. NotificationCenter.default.addObserver(self, selector:#selector(methodToBeCalled(notification:)), name: .UIContentSizeCategoryDidChange, object: nil) //Automatic changing of the font size without listening to the previous notification. fontHeadline.adjustsFontForContentSizeCategory = true @objc func methodToBeCalled(notification: Notification) { //When handling the font size change event, you must redisplay the affected elements. fontFootNote.font = UIFont.preferredFont(forTextStyle: .footnote) } </code></pre> - Be careful that the containers fit their contents: using constraints is the best way to perform this task using dynamic values. \"\n });\n \n documentTitles[\"dev-ios.html#links\"] = \"Links\";\n@@ -870,7 +870,7 @@ documentTitles[\"dev-ios-wwdc-17215.html#wwdc-2017-whats-new-in-accessibility\"] =\n index.add({\n url: \"dev-ios-wwdc-17215.html#wwdc-2017-whats-new-in-accessibility\",\n title: \"WWDC 2017 : What's New in Accessibility\", \n- body: \"# WWDC 2017 : What's New in Accessibility <script>$(document).ready(function () { setBreadcrumb([{\\"label\\":\\"Developer guide\\", \\"url\\": \\"./dev-mobile.html\\"}, {\\"label\\":\\"iOS WWDC\\", \\"url\\": \\"./dev-ios-wwdc.html\\"}, {\\"label\\":\\"2017 - What's New in Accessibility\\"} \t]); addSubMenu([ {\\"label\\":\\"Android guide\\",\\"url\\":\\"dev-android.html\\"}, {\\"label\\":\\"iOS guide\\",\\"url\\":\\"dev-mobile.html\\"}, {\\"label\\":\\"iOS WWDC\\",\\"url\\":\\"dev-ios-wwdc.html\\"} ]); });</script> <span data-menuitem=\\"dev-mobile\\"></span> This video available on the **official Apple website** ([session 215](https://developer.apple.com/videos/play/wwdc2017/215/)) points out the main iOS11 accessibility features. </br><img style=\\"max-width: 200px; height: auto;\\" alt=\\"\\" src=\\"./images/iOSdev/wwdc17-logo.png\\" /> <img style=\\"max-width: 700px; height: auto;\\" alt=\\"\\" src=\\"./images/iOSdev/wwdc17-215.png\\" /> </br></br>Various contents and their video timelapse are indicated hereunder : - [Text detection in image](#ImageTextDetection) (07:07) - [Improved photo description](#ImprovedPhotoDescription) (08:01) - [Type to SIRI](#TypeToSIRI) (11:37) - [Accessibility Inspector](#AccessibilityInspector) (15:35) - [UIAccessibilityProtocol](#UIAccessibilityProtocol) (21:14) - [Attributed Accessibility Properties](#AttributedProperties) (26:07) - [Accessibility Container Type](#AccessibilityContainer) (27:20) - [Custom actions](#CustomActions) (35:43) - [Default activation](#DefaultActivation) (37:38) - [Adjustable](#AdjustableValues) (38:22) - [Pass through](#PassThrough) (39:40) - [Custom scrolling](#CustomScrolling) (41:02) - [Drag & Drop](#DragAndDrop) (42:54) </br>During this presentation, the following solutions for accessibility development pitfalls are suggested thanks to a simple application ([take a look at it](https://developer.apple.com/videos/play/wwdc2017/215/?time=1007)) : - How to define an (in)accessible element ? [(31:10)](https://developer.apple.com/videos/play/wwdc2017/215/?time=1870). - How to fill the `label` and `value` properties? [(29:59)](https://developer.apple.com/videos/play/wwdc2017/215/?time=1799). - How to gather several elements into a single one ? [(31:50)](https://developer.apple.com/videos/play/wwdc2017/215/?time=1910). Thereafter, the selection of a title will give rise to the video playback directly at the proper moment. <a name=\\"ImageTextDetection\\"></a> \"\n+ body: \"# WWDC 2017 : What's New in Accessibility <script>$(document).ready(function () { setBreadcrumb([{\\"label\\":\\"Developer guide\\", \\"url\\": \\"./dev-mobile.html\\"}, {\\"label\\":\\"iOS WWDC\\", \\"url\\": \\"./dev-ios-wwdc.html\\"}, {\\"label\\":\\"2017 - What's New in Accessibility\\"} \t]); addSubMenu([ {\\"label\\":\\"Android guide\\",\\"url\\":\\"dev-android.html\\"}, {\\"label\\":\\"iOS guide\\",\\"url\\":\\"dev-mobile.html\\"}, {\\"label\\":\\"iOS WWDC\\",\\"url\\":\\"dev-ios-wwdc.html\\"} ]); });</script> <span data-menuitem=\\"dev-mobile\\"></span> This video available on the **official Apple website** ([session 215](https://developer.apple.com/videos/play/wwdc2017/215/)) points out the main iOS11 accessibility features. </br><img style=\\"max-width: 200px; height: auto;\\" alt=\\"\\" src=\\"./images/iOSdev/wwdc17-logo.png\\" /> <img style=\\"max-width: 700px; height: auto;\\" alt=\\"\\" src=\\"./images/iOSdev/wwdc17-215.png\\" /> </br></br>Various contents and their video timelapse are indicated hereunder : - [Text detection in image](#ImageTextDetection) (07:07) - [Improved photo description](#ImprovedPhotoDescription) (08:01) - [Type to SIRI](#TypeToSIRI) (11:37) - [Accessibility Inspector](#AccessibilityInspector) (15:35) - [UIAccessibilityProtocol](#UIAccessibilityProtocol) (21:14) - [Attributed Accessibility Properties](#AttributedProperties) (26:07) - [Accessibility Container Type](#AccessibilityContainer) (27:20) - [Custom actions](#CustomActions) (35:43) - [Default activation](#DefaultActivation) (37:38) - [Adjustable](#AdjustableValues) (38:22) - [Pass through](#PassThrough) (39:40) - [Custom scrolling](#CustomScrolling) (41:02) - [Drag & Drop](#DragAndDrop) (42:54) </br>During this presentation, the following solutions for accessibility development pitfalls are suggested thanks to a simple application ([take a look at it](https://developer.apple.com/videos/play/wwdc2017/215/?time=1007)) : - How to define an (in)accessible element ? [(31:10)](https://developer.apple.com/videos/play/wwdc2017/215/?time=1870) - How to fill the `label` and `value` properties? [(29:59)](https://developer.apple.com/videos/play/wwdc2017/215/?time=1799) - How to gather several elements into a single one ? [(31:50)](https://developer.apple.com/videos/play/wwdc2017/215/?time=1910) Thereafter, the selection of a title will give rise to the video playback directly at the proper moment. <a name=\\"ImageTextDetection\\"></a> \"\n });\n \n documentTitles[\"dev-ios-wwdc-17215.html#text-detection-in-image-0707httpsdeveloperapplecomvideosplaywwdc2017215time427\"] = \"[Text detection in image (07:07)](https://developer.apple.com/videos/play/wwdc2017/215/?time=427)\";\n@@ -905,7 +905,7 @@ documentTitles[\"dev-ios-wwdc-17215.html#uiaccessibilityprotocol-2114httpsdevelop\n index.add({\n url: \"dev-ios-wwdc-17215.html#uiaccessibilityprotocol-2114httpsdeveloperapplecomvideosplaywwdc2017215time1274\",\n title: \"[UIAccessibilityProtocol (21:14)](https://developer.apple.com/videos/play/wwdc2017/215/?time=1274)\", \n- body: \"### [UIAccessibilityProtocol (21:14)](https://developer.apple.com/videos/play/wwdc2017/215/?time=1274) Reminder on the `UIAccessibilityProtocol` fundamentals that will be used during the presentation. </br><img style=\\"max-width: 450px; height: auto;\\" alt=\\"\\" src=\\"./images/iOSdev/wwdc17-215-UIAccessibilityProtocol.png\\" /> <a name=\\"AttributedProperties\\"></a> \"\n+ body: \"### [UIAccessibilityProtocol (21:14)](https://developer.apple.com/videos/play/wwdc2017/215/?time=1274) Reminder on the `UIAccessibility` informal protocol fundamentals that will be used during the presentation. </br><img style=\\"max-width: 450px; height: auto;\\" alt=\\"\\" src=\\"./images/iOSdev/wwdc17-215-UIAccessibilityProtocol.png\\" /> <a name=\\"AttributedProperties\\"></a> \"\n });\n \n documentTitles[\"dev-ios-wwdc-17215.html#attributed-accessibility-properties-2607httpsdeveloperapplecomvideosplaywwdc2017215time1567\"] = \"[Attributed Accessibility Properties (26:07)](https://developer.apple.com/videos/play/wwdc2017/215/?time=1567)\";\n@@ -977,7 +977,7 @@ documentTitles[\"dev-ios-wwdc-17245.html#text-styles-0606httpsdeveloperapplecomvi\n index.add({\n url: \"dev-ios-wwdc-17245.html#text-styles-0606httpsdeveloperapplecomvideosplaywwdc2017245time366\",\n title: \"[Text styles (06:06)](https://developer.apple.com/videos/play/wwdc2017/245/?time=366)\", \n- body: \"### [Text styles (06:06)](https://developer.apple.com/videos/play/wwdc2017/245/?time=366) **All the text styles used in accessibility can have the 12 available sizes** in iOS 11. </br>In the Xcode Interface Builder, just indicate the style in the Attribute Inspector part and tick `Dynamic Type` to adjust the text size to the device settings (iOS 11 feature). </br><img style=\\"max-width: 1000px; height: auto;\\" alt=\\"\\" src=\\"./images/iOSdev/wwdc17-245-TextStyle_1.png\\" /> </br>Get the exact same result with the following code : </br><img style=\\"max-width: 500px; height: auto;\\" alt=\\"\\" src=\\"./images/iOSdev/wwdc17-245-TextStyle_2.png\\" /> <a name=\\"CustomFonts\\"></a> \"\n+ body: \"### [Text styles (06:06)](https://developer.apple.com/videos/play/wwdc2017/245/?time=366) **All the text styles can have the 5 accessibility sizes** in iOS 11 whereas it was only the case for the *body* text style before. </br>In the Xcode Interface Builder, just indicate the style in the Attribute Inspector part and tick `Dynamic Type` to adjust the text size to the device settings. </br><img style=\\"max-width: 1000px; height: auto;\\" alt=\\"\\" src=\\"./images/iOSdev/wwdc17-245-TextStyle_1.png\\" /> </br>Get the exact same result with the following code : </br><img style=\\"max-width: 500px; height: auto;\\" alt=\\"\\" src=\\"./images/iOSdev/wwdc17-245-TextStyle_2.png\\" /> <a name=\\"CustomFonts\\"></a> \"\n });\n \n documentTitles[\"dev-ios-wwdc-17245.html#custom-fonts-0817httpsdeveloperapplecomvideosplaywwdc2017245time497\"] = \"[Custom fonts (08:17)](https://developer.apple.com/videos/play/wwdc2017/245/?time=497)\";\n@@ -1056,7 +1056,7 @@ documentTitles[\"dev-mobile.html#guide-for-developers\"] = \"Guide for developers\";\n index.add({\n url: \"dev-mobile.html#guide-for-developers\",\n title: \"Guide for developers\", \n- body: \"# Guide for developers <script>$(document).ready(function () { setBreadcrumb([{\\"label\\":\\"Guide for mobile developers\\"}]); addSubMenu([ {\\"label\\":\\"Android guide\\",\\"url\\":\\"dev-android.html\\"}, {\\"label\\":\\"iOS guide\\",\\"url\\":\\"dev-ios.html\\"}, {\\"label\\":\\"iOS WWDC\\",\\"url\\":\\"dev-ios-wwdc.html\\"} ]); });</script> <span data-menuitem=\\"dev-mobile\\"></span> The developer guide is intended to help developers with the major Android / iOS accessibility options. </br>Through different categories, this guide explains how to use the accessibility attributes / methods and provides links to the official documentation of Google / Apple. Two versions are available: - **Android version** is about application development for the Google platform: Android. - **iOS version** is about application development for the Apple platform: iOS. The **iOS WWDC** section is dedicated to some World Wide Developers Conference presentations. <!-- This file is part of a11y-guidelines | Our vision of mobile & web accessibility guidelines and best practices, with valid/invalid examples. Copyright (C) 2016 Orange SA See the Creative Commons Legal Code Attribution-ShareAlike 3.0 Unported License for more details (LICENSE file). -->\"\n+ body: \"# Guide for developers <script>$(document).ready(function () { setBreadcrumb([{\\"label\\":\\"Guide for mobile developers\\"}]); addSubMenu([ {\\"label\\":\\"Android guide\\",\\"url\\":\\"dev-android.html\\"}, {\\"label\\":\\"iOS guide\\",\\"url\\":\\"dev-ios.html\\"}, {\\"label\\":\\"iOS WWDC\\",\\"url\\":\\"dev-ios-wwdc.html\\"} ]); });</script> <span data-menuitem=\\"dev-mobile\\"></span> The developer guide is intended to help developers with the major Android / iOS accessibility options. </br>Through different categories, this guide explains how to use the accessibility attributes / methods and provides links to the official documentation of Google / Apple. Two versions are available: - **[Android version](./dev-android.html)** is about application development for the Google platform: Android. - **[iOS version](./dev-ios.html)** is about application development for the Apple platform: iOS. The **[iOS WWDC](./dev-ios-wwdc.html)** section is dedicated to some World Wide Developers Conference presentations. <!-- This file is part of a11y-guidelines | Our vision of mobile & web accessibility guidelines and best practices, with valid/invalid examples. Copyright (C) 2016 Orange SA See the Creative Commons Legal Code Attribution-ShareAlike 3.0 Unported License for more details (LICENSE file). -->\"\n });\n \n "},{"sha":"04755c4bc34a6fea71c0fb76f5fd51612bd93404","filename":"mobile_EN/mdan.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fmdan.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fmdan.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Fmdan.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n - \n
- \n-
"},{"sha":"7bd90a24bc20daa62b37df059ccedcbe47c9902f","filename":"mobile_EN/screen-reader.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fscreen-reader.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fscreen-reader.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Fscreen-reader.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n - \n
- \n-
"},{"sha":"7e4933f84a4d8f2106054f8ee21fb0a8c0533377","filename":"mobile_EN/search.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fsearch.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fsearch.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Fsearch.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n - \n
- \n-
"},{"sha":"2d28e074bcd702c79a2b0a2178f5a47169c326d8","filename":"mobile_EN/talkback.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Ftalkback.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Ftalkback.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Ftalkback.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n - \n
- \n-
"},{"sha":"f156d0943a82eb9d62bd4238a28b9b5b0239b883","filename":"mobile_EN/voiceover.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fvoiceover.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fvoiceover.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Fvoiceover.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n - \n
- \n-
"},{"sha":"175301eb8b0c48efbbbd6f0b8d704796ea7342e7","filename":"organisation.html","status":"modified","additions":3,"deletions":3,"changes":6,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/organisation.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/organisation.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/organisation.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -55,9 +55,9 @@\n \n- - Web \n-
- Mobile \n-
- Éditorial \n+
- Site Web \n+
- Application mobile \n+
- Contenu éditorial \n
- \n fren\n "},{"sha":"2cfd585a12b6be39539e03c04f7f7891a85b0d7b","filename":"others/about.html","status":"modified","additions":4,"deletions":4,"changes":8,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fabout.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fabout.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/others%2Fabout.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -45,10 +45,10 @@\n \n
- Accueil \n-
- Web \n-
- Mobile \n+
- Site Web \n+
- Application mobile \n
- \n- Éditorial\n+ Contenu éditorial\n
- \n
- Présentation \n
- Recommandations générales \n@@ -101,7 +101,7 @@\n \n Vous êtes ici : \n
- Éditorial \n+
- Contenu éditorial \n
- Accueil \n-
- Web \n-
- Mobile \n+
- Site Web \n+
- Application mobile \n
- \n- Éditorial\n+ Contenu éditorial\n
- \n
- Présentation \n
- Recommandations générales \n@@ -101,7 +101,7 @@\n \n Vous êtes ici : \n
- Éditorial \n+
- Contenu éditorial \n
- 4.5:1 pour du texte de taille normale. \n
- 3:1 pour du texte de grande taille. \n
- \n-
\n@@ -315,6 +315,14 @@ Avec Adobe InDesign
\nAvec Adobe Acrobat Pro
\nVous trouverez les recommandations Adobe Acrobat Pro sur la notice Créer des documents PDF accessibles avec Adobe Acrobat Pro de AcceDe PDF.
\nCe document est issu de la phase 2 d’AcceDe PDF (2015). Sous la coordination d’Atalan, Orange fut partenaire de cette phase 2, aux côtés de 9 autres grandes entreprises : La Poste, Siemens, Spie, Thales, Atos, BNP Paribas, Devoteam, Manpower et EDF en s’appuyant sur un comité de relecture constitué de nombreux professionnels et d’associations impliqués dans l’accessibilité numérique.
\n+Tester l’accessibilité d’un document PDF
\n+Installer PDF Accessibility Checker (PAC).
\n+Ce logiciel permet entre autres l’exécution des tests automatiques sur un document PDF et la détection des problèmes d’accessibilité,
\n+\n+\nCritères incontournables
\nCe sont les principaux critères à respecter pour qu’un document PDF soit accessible, indépendamment de la procédure utilisée pour le créer. Les critères incontournables seront utiles aux personnes créant des documents PDF sans utiliser les logiciels d’éditions (Microsoft Word, Adobe InDesign, Adobe Acrobat Pro), par exemple les développeurs dont les applications génèrent des documents PDF.
\nStructure du document
\n@@ -349,21 +357,6 @@Couleurs
\nTester l’accessibilité d’un document PDF
\n-Installer PDF Accessibility Checker (PAC 2).
\n-Ce logiciel permet entre autres :
\n-- \n-
- d’exécuter des tests automatiques sur un document PDF et détecter des erreurs d’accessibilité,\n- \n-
- de pré-visualiser le document tel qu’il sera restitué par les outils d’assistance, afin de vérifier l’ordre de lecture et l’utilisation pertinente de la sémantique (titre, paragraphe…), \n-
- d’accéder à une vue détaillée des informations accessibles à un outil d’assistance. \n-
Recommandations accessibilité pushmail Orange
\n \n \n \n \n-Introduction : l’accessibilité des contenus vidéos et audios
\n+Introduction : l’accessibilité des contenus vidéos, animations et audios
\nLes vidéos et les audios embarqués dans du contenu (page web, document bureautique...) nécessitent :
\n- \n-
- que ces vidéos et audios eux-même soient accessibles \n+
- que ces vidéos, animations et audios eux-même soient accessibles \n
- mais également, que l'interface qui permet la diffusion de ces fichiers soit accessible. \n
Rendre les vidéos ou audios accessibles
\n+Rendre les vidéos, animations ou audios accessibles
\nPour qu’une vidéo ou un audio soit accessible, les éléments suivants doivent accompagner ces fichiers :
\n- \n
- Une transcription intégrale, seule nécessité pour un fichier audio. \n
- Des sous-titres. \n
- Une audiodescription, si besoin. \n
Transcription intégrale
\n-La transcription doit restituer textuellement l’ensemble des informations véhiculées par la vidéo (paroles, messages affichés à l’écran, ...). La transcription peut être agrémentée d’images, si besoin.
\n+La transcription doit restituer textuellement l’ensemble des informations véhiculées par le contenu (paroles, messages affichés à l’écran, graphes, animations ...). La transcription peut être agrémentée d’images, si besoin.
\nLa transcription intégrale est la solution nécessaire et suffisante pour rendre accessible un fichier audio.
\nCette transcription doit, par ordre de préférence, être :
\n- \n@@ -495,20 +488,21 @@
- Ne pas lancer automatiquement, au chargement de la page, la vidéo, l'animation ou l'audio mais laisser la main à l'utilisateur. \n+
- Pour une vidéo ou une animation, celle-ci doit être exempte de tout élément qui flashe plus de trois fois par seconde ou ce flash doit se situer sous le seuil de flash générique et le seuil de flash rouge. \n+
prendre en charge d'au moins deux éléments : sous-titres et audiodescription.
\n- \n-permettre d'utiliser les contrôles du lecteurs (lecture/pause, avance/recul, montrer/cacher les sous-titres, arrêt/contrôle du volume, ajouter/enlever l'audiodescription, si besoin, à minima) qui sont accessibles, notamment aux aides techniques (lecteurs d'écran, loupes logicielles, claviers, ...).
\n- \n-permettre de modifier les paramètres (à minima, la taille du texte, les couleurs texte/fond) d'affichage des sous-titres.
\n- \n-ne pas lancer automatiquement l'audio ou la vidéo mais laisser la main à l'utilisateur.
\n- \n+- prendre en charge d'au moins deux éléments : sous-titres et audiodescription. \n+
- permettre d'utiliser les contrôles du lecteurs (lecture/pause, avance/recul, montrer/cacher les sous-titres, arrêt/contrôle du volume, ajouter/enlever l'audiodescription, si besoin, à minima) qui sont accessibles, notamment aux aides techniques (lecteurs d'écran, loupes logicielles, claviers, ...). \n+
- permettre de modifier les paramètres (à minima, la taille du texte, les couleurs texte/fond) d'affichage des sous-titres. \n
- Accueil \n-
- Web \n-
- Mobile \n+
- Site Web \n+
- Application mobile \n
- \n- Éditorial\n+ Contenu éditorial\n
- \n
- Présentation \n
- Recommandations générales \n@@ -101,7 +101,7 @@\n \n Vous êtes ici : \n
- Éditorial \n+
- Contenu éditorial \n
- Accueil \n-
- Web \n-
- Mobile \n+
- Site Web \n+
- Application mobile \n
- \n- Éditorial\n+ Contenu éditorial\n
- \n
- Présentation \n
- Recommandations générales \n@@ -101,7 +101,7 @@\n \n Vous êtes ici : \n
- Éditorial \n+
- Contenu éditorial \n
- Accueil \n-
- Web \n-
- Mobile \n+
- Site Web \n+
- Application mobile \n
- \n- Éditorial\n+ Contenu éditorial\n
- \n
- Présentation \n
- Recommandations générales \n@@ -101,7 +101,7 @@\n \n Vous êtes ici : \n
- Éditorial \n+
- Contenu éditorial \n
- Accueil \n-
- Web \n-
- Mobile \n+
- Site Web \n+
- Application mobile \n
- \n- Éditorial\n+ Contenu éditorial\n
- \n
- Présentation \n
- Recommandations générales \n@@ -101,7 +101,7 @@\n \n Vous êtes ici : \n
- Éditorial \n+
- Contenu éditorial \n
- 4.5:1 pour du texte de taille normale. \n
- 3:1 pour du texte de grande taille. \n-
- d’exécuter des tests automatiques sur un document PDF et détecter des erreurs d’accessibilité,\n- \n-
- de pré-visualiser le document tel qu’il sera restitué par les outils d’assistance, afin de vérifier l’ordre de lecture et l’utilisation pertinente de la sémantique (titre, paragraphe…), \n-
- d’accéder à une vue détaillée des informations accessibles à un outil d’assistance. \n
- Accueil \n-
- Web \n-
- Mobile \n+
- Site Web \n+
- Application mobile \n
- \n- Éditorial\n+ Contenu éditorial\n
- \n
- Présentation \n
- Recommandations générales \n@@ -101,7 +101,7 @@\n \n Vous êtes ici : \n
- Éditorial \n+
- Contenu éditorial \n
- Accueil \n-
- Web \n-
- Mobile \n+
- Site Web \n+
- Application mobile \n
- \n- Éditorial\n+ Contenu éditorial\n
- \n
- Présentation \n
- Recommandations générales \n@@ -101,7 +101,7 @@\n \n Vous êtes ici : \n
- Éditorial \n+
- Contenu éditorial \n
- Accueil \n-
- Web \n-
- Mobile \n+
- Site Web \n+
- Application mobile \n
- \n- Éditorial\n+ Contenu éditorial\n
- \n
- Présentation \n
- Recommandations générales \n@@ -101,7 +101,7 @@\n \n Vous êtes ici : \n
- Éditorial \n+
- Contenu éditorial \n
- Accueil \n-
- Web \n-
- Mobile \n+
- Site Web \n+
- Application mobile \n
- \n- Éditorial\n+ Contenu éditorial\n
- \n
- Présentation \n
- Recommandations générales \n@@ -101,36 +101,36 @@\n \n Vous êtes ici : \n
- Éditorial \n+
- Contenu éditorial \n
- que ces vidéos et audios eux-même soient accessibles \n+
- que ces vidéos, animations et audios eux-même soient accessibles \n
- mais également, que l'interface qui permet la diffusion de ces fichiers soit accessible. \n
- Une transcription intégrale, seule nécessité pour un fichier audio. \n
- Des sous-titres. \n
- Une audiodescription, si besoin. \n
- Ne pas lancer automatiquement, au chargement de la page, la vidéo, l'animation ou l'audio mais laisser la main à l'utilisateur. \n+
- Pour une vidéo ou une animation, celle-ci doit être exempte de tout élément qui flashe plus de trois fois par seconde ou ce flash doit se situer sous le seuil de flash générique et le seuil de flash rouge. \n+
prendre en charge d'au moins deux éléments : sous-titres et audiodescription.
\n- \n-permettre d'utiliser les contrôles du lecteurs (lecture/pause, avance/recul, montrer/cacher les sous-titres, arrêt/contrôle du volume, ajouter/enlever l'audiodescription, si besoin, à minima) qui sont accessibles, notamment aux aides techniques (lecteurs d'écran, loupes logicielles, claviers, ...).
\n- \n-permettre de modifier les paramètres (à minima, la taille du texte, les couleurs texte/fond) d'affichage des sous-titres.
\n- \n-ne pas lancer automatiquement l'audio ou la vidéo mais laisser la main à l'utilisateur.
\n- \n+- prendre en charge d'au moins deux éléments : sous-titres et audiodescription. \n+
- permettre d'utiliser les contrôles du lecteurs (lecture/pause, avance/recul, montrer/cacher les sous-titres, arrêt/contrôle du volume, ajouter/enlever l'audiodescription, si besoin, à minima) qui sont accessibles, notamment aux aides techniques (lecteurs d'écran, loupes logicielles, claviers, ...). \n+
- permettre de modifier les paramètres (à minima, la taille du texte, les couleurs texte/fond) d'affichage des sous-titres. \n
- Accueil \n-
- Web \n-
- Mobile \n+
- Site Web \n+
- Application mobile \n
- \n- Éditorial\n+ Contenu éditorial\n
- \n
- Présentation \n
- Recommandations générales \n@@ -101,7 +101,7 @@\n \n Vous êtes ici : \n
- Éditorial \n+
- Contenu éditorial \n
- Home \n
- \n- Web \n+ Website \n \n \n-
- Mobile \n+
- Mobile app \n
- \n- Content\n+ Editorial content\n
- \n
- Presentation \n
- General recommendations for content \n@@ -105,7 +105,7 @@\n \n You are here: \n
- Content \n+
- Editorial content \n
- Home \n
- \n- Web \n+ Website \n \n \n-
- Mobile \n+
- Mobile app \n
- \n- Content\n+ Editorial content\n
- \n
- Presentation \n
- General recommendations for content \n@@ -105,7 +105,7 @@\n \n You are here: \n
- Content \n+
- Editorial content \n
- 4.5:1 for normal-size text; \n
- 3:1 for bigger text. \n
- \n-
\n@@ -238,6 +238,14 @@ With Adobe InDesign
\nWith Adobe Acrobat Pro
\nYou will find Adobe Acrobat Pro recommendations at Making PDF documents accessible with Adobe Acrobat Pro by the AcceDe PDF initiative.
\nThis document was produced by AcceDe PDF phase 2 (2015), driven by Atalan together with Orange and 9 other enterprises: La Poste, Siemens, Spie, Thales, Atos, BNP Paribas, Devoteam, Manpower and EDF, who relied on a review team made up of numerous professionals and organisations involved in digital accessibility.
\n+Testing the accessibility of a PDF document
\n+Install PDF Accessibility Checker (PAC).
\n+This tool can, among other things, run automatic tests on a PDF document and check for accessibility issues.
\n+\n+\nMandatory criteria
\nThe following are the main criteria for a PDF document to be accessible, regardless of the method used to create it. Mandatory criteria will be useful for people creating PDF documents even when they don’t rely on publication software (Microsoft Word, Adobe InDesign, Adobe Acrobat Pro), e.g. developers whose applications generate PDF documents.
\nDocument structure
\n@@ -273,21 +281,6 @@Colours
\nTesting the accessibility of a PDF document
\n-Install PDF Accessibility Checker (PAC 2).
\n-This tool can, among other things:
\n-- \n-
- run automatic tests on a PDF document and check for accessibility issues,\n- \n-
- pre-visualise the document the way it will be presented to assistive tools, so as to check the reading order and the semantics used (title, paragraph, …), \n-
- give access to a detailed view of the accessible information given to an assistive tool. \n-
Creating accessible PowerPoint documents
\n \n \nIntroduction
\nNom et description accessible
\n-Un nom accessible est l'information qui permet à l'AT d'identifier l'élément en question. Il peut être fourni par l'intitulé ou le contenu d'un élément, un attribut (par exemple, un attribut
\n+alt
pour une image) ou par un élément associé (par exemple, une baliselabel
pour un champinput
).Un nom accessible est l'information qui permet à l'aide technique (AT), par exemple, un lecteur d'écran ou une loupe logicielle, d'identifier l'élément (tag HTML) en question. Il peut être fourni par l'intitulé ou le contenu d'un élément, un attribut (par exemple, un attribut
\nalt
pour une image) ou par un élément associé (par exemple, une baliselabel
pour un champinput
).Une description accessible est une information plus étendue qui est utilisée par l'AT lui permettant de compléter le nom accessible en précisant et rajoutant du sens là ou le nom accessible n'est pas suffisant.
\n-Le nom accessible comme la description accessible peuvent être visuellement perceptible ou pas (intitulé de lien : visible, alternative d'image : cachée et utilisable que par une AT)
\n+Le nom accessible comme la description accessible peuvent être visuellement perceptible ou pas (intitulé de lien : visible, alternative d'image : cachée et utilisable que par une AT...)
\nLes attributs ARIA :
\naria-label
,aria-labelledby
etaria-describedby
Trois attributs ARIA sont très bien supportés par les navigateurs et les AT:
\naria-label
,aria-labelledby
etaria-describedby
. Ils permettent de rajouter de l'information à un élément HTML :- \n
aria-label
,aria-labelledby
permettent de donner un nom accessible à un élément \n-aria-describedby
permet de rajouter, si besoin, une description accessible à un élément \n+aria-describedby
permet de rajouter au nom accessible, si besoin, en sus, une description accessible à un élément \n
Lorsque les deux attributs aria-labelledby et aria-label sont utilisés, les agents utilisateurs donnent la priorité à aria-labelledby lors du calcul de la propriété de nom accessible.
\nCependant, ils ne fonctionnent bien qu'avec certains éléments :
\n- \n
- les éléments interactifs :
a
(avec un attributhref
),audio
etvideo
(avec un attributcontrols
),input
(sauf sitype="hidden"
),select
,button
ettextarea
\n - les éléments
img
etiframe
\n - les éléments possédant un rôle de landmark explicite, donc, avec un attribut
role
ou un landmark implicite (une balise de structure HTML5 :header
,footer
,main
,nav
,aside
etsection
) \n- - les éléments avec un des rôles de widget d'ARIA (27 pour ARIA 1.1) \n+
- les éléments avec un des rôles de widget d'ARIA (27 pour ARIA 1.1). \n
Faut-il l’utiliser ?
\n-If you use aria-label, aria-labelledby, or aria-describedby with any other elements (like div, span, p, blockquote, or strong etc.), they generally won’t work across all browser/assistive technology combinations.
\n+Pour tout autre élément HTML, ces trois attributs ARIA ont un support peu robuste voire aléatoire selon les couple AT/navigateur, donc ne pas l'utiliser comme seul moyen de passer une information nécessaire.
\n+Faut-il l’utiliser et comment ?
\n+Oui, on peut utiliser ces trois attributs ARIA sur les éléments avec lesquels cela fonctionne (voir ci-dessus) pour passer une information essentielle, spécifiquement aux AT.
\n+Il faut savoir que
\n+aria-label
doit contenir, comme valeur, une chaîne de caractères qui sera le nom accessible. Alors que pouraria-labelledby
etaria-describedby
, la valeur de cet attribut référence l'id
dun élément de la page dont le contenu sera utilisé le nom accessible de l'élément.Lorsqu'on utilise
\n+aria-label
ouaria-labelledby
sur un élément, le contenu ou l'intitulé de cet élément n'est plus restitué au AT mais remplacé par le nom accessible (pouraria-label
le contenu de cet attribut, pouraria-labelledby
le contenu de l'élément référencé). Donc, seul, le nom accessible doit donner l'ensemble des informations nécessaires à at et donc à l'utilisateur.Lorsque les deux attributs
\n+aria-labelledby
etaria-label
sont utilisés, les agents utilisateurs donnent la priorité à aria-labelledby lors du calcul de la propriété de nom accessible.Quant à lui, `aria-describedby" va rajouter au nom accessible de l'élément, une description accessible en plus.
\n+Exemples
\n+
\n+Sortie pour un lecteur d'écran : "accéder au code Hypertext markup language"\n+\n+<button aria-label="accéder au code Hypertext markup language">html</button>\n+
\n+Sortie pour un lecteur d'écran : "Code de la page HTML"\n+\n+<h2 id="titre">Code de la page HTML<h2>\n+<button aria-label="accéder au code Hypertext markup language" aria-labelledby="titre">html</buttton>\n+
\n+Sortie pour un lecteur d'écran : "accéder au code HTML code de la page de connexion"\n \n\n+<h3 id="titre">Code de la page de formulaire de connexion<h3>\n+<button aria-label="accéder au code HTML" aria-describedby="titre">html</buttton>\n+
Liste des critères incontournables
\n \n \nIntroduction
\nNom et description accessible
\n-Un nom accessible est l'information qui permet à l'AT d'identifier l'élément en question. Il peut être fourni par l'intitulé ou le contenu d'un élément, un attribut (par exemple, un attribut
\n+alt
pour une image) ou par un élément associé (par exemple, une baliselabel
pour un champinput
).Un nom accessible est l'information qui permet à l'aide technique (AT), par exemple, un lecteur d'écran ou une loupe logicielle, d'identifier l'élément (tag HTML) en question. Il peut être fourni par l'intitulé ou le contenu d'un élément, un attribut (par exemple, un attribut
\nalt
pour une image) ou par un élément associé (par exemple, une baliselabel
pour un champinput
).Une description accessible est une information plus étendue qui est utilisée par l'AT lui permettant de compléter le nom accessible en précisant et rajoutant du sens là ou le nom accessible n'est pas suffisant.
\n-Le nom accessible comme la description accessible peuvent être visuellement perceptible ou pas (intitulé de lien : visible, alternative d'image : cachée et utilisable que par une AT)
\n+Le nom accessible comme la description accessible peuvent être visuellement perceptible ou pas (intitulé de lien : visible, alternative d'image : cachée et utilisable que par une AT...)
\nLes attributs ARIA :
\naria-label
,aria-labelledby
etaria-describedby
Trois attributs ARIA sont très bien supportés par les navigateurs et les AT:
\naria-label
,aria-labelledby
etaria-describedby
. Ils permettent de rajouter de l'information à un élément HTML :- \n
aria-label
,aria-labelledby
permettent de donner un nom accessible à un élément \n-aria-describedby
permet de rajouter, si besoin, une description accessible à un élément \n+aria-describedby
permet de rajouter au nom accessible, si besoin, en sus, une description accessible à un élément \n
Lorsque les deux attributs aria-labelledby et aria-label sont utilisés, les agents utilisateurs donnent la priorité à aria-labelledby lors du calcul de la propriété de nom accessible.
\nCependant, ils ne fonctionnent bien qu'avec certains éléments :
\n- \n
- les éléments interactifs :
a
(avec un attributhref
),audio
etvideo
(avec un attributcontrols
),input
(sauf sitype="hidden"
),select
,button
ettextarea
\n - les éléments
img
etiframe
\n - les éléments possédant un rôle de landmark explicite, donc, avec un attribut
role
ou un landmark implicite (une balise de structure HTML5 :header
,footer
,main
,nav
,aside
etsection
) \n- - les éléments avec un des rôles de widget d'ARIA (27 pour ARIA 1.1) \n+
- les éléments avec un des rôles de widget d'ARIA (27 pour ARIA 1.1). \n
Faut-il l’utiliser ?
\n-If you use aria-label, aria-labelledby, or aria-describedby with any other elements (like div, span, p, blockquote, or strong etc.), they generally won’t work across all browser/assistive technology combinations.
\n+Pour tout autre élément HTML, ces trois attributs ARIA ont un support peu robuste voire aléatoire selon les couple AT/navigateur, donc ne pas l'utiliser comme seul moyen de passer une information nécessaire.
\n+Faut-il l’utiliser et comment ?
\n+Oui, on peut utiliser ces trois attributs ARIA sur les éléments avec lesquels cela fonctionne (voir ci-dessus) pour passer une information essentielle, spécifiquement aux AT.
\n+Il faut savoir que
\n+aria-label
doit contenir, comme valeur, une chaîne de caractères qui sera le nom accessible. Alors que pouraria-labelledby
etaria-describedby
, la valeur de cet attribut référence l'id
dun élément de la page dont le contenu sera utilisé le nom accessible de l'élément.Lorsqu'on utilise
\n+aria-label
ouaria-labelledby
sur un élément, le contenu ou l'intitulé de cet élément n'est plus restitué au AT mais remplacé par le nom accessible (pouraria-label
le contenu de cet attribut, pouraria-labelledby
le contenu de l'élément référencé). Donc, seul, le nom accessible doit donner l'ensemble des informations nécessaires à at et donc à l'utilisateur.Lorsque les deux attributs
\n+aria-labelledby
etaria-label
sont utilisés, les agents utilisateurs donnent la priorité à aria-labelledby lors du calcul de la propriété de nom accessible.Quant à lui, `aria-describedby" va rajouter au nom accessible de l'élément, une description accessible en plus.
\n+Exemples
\n+
\n+Sortie pour un lecteur d'écran : "accéder au code Hypertext markup language"\n+\n+<button aria-label="accéder au code Hypertext markup language">html</button>\n+
\n+Sortie pour un lecteur d'écran : "Code de la page HTML"\n+\n+<h2 id="titre">Code de la page HTML<h2>\n+<button aria-label="accéder au code Hypertext markup language" aria-labelledby="titre">html</buttton>\n+
\n+Sortie pour un lecteur d'écran : "accéder au code HTML code de la page de connexion"\n \n \n\n+<h3 id="titre">Code de la page de formulaire de connexion<h3>\n+<button aria-label="accéder au code HTML" aria-describedby="titre">html</buttton>\n+
- \n-
"},{"sha":"5cad7a2d44c32ecb28a71c6094f59d9f3d7235cf","filename":"others_EN/all.html","status":"modified","additions":12,"deletions":19,"changes":31,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others_EN%2Fall.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others_EN%2Fall.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/others_EN%2Fall.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,12 +44,12 @@\n - \n
- \n-
"},{"sha":"8955c715f5ac6691da17bdcd9c344d20416ecf9d","filename":"others_EN/about.html","status":"modified","additions":4,"deletions":4,"changes":8,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others_EN%2Fabout.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others_EN%2Fabout.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/others_EN%2Fabout.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,12 +44,12 @@\n - \n
- Accueil \n
- \n- Web\n+ Site Web\n
- \n
- Présentation \n-
- Critères incontournables \n+
- Critères incontournables \n
- Référentiels complets \n
- HTML5 & ARIA \n
- CAPTCHA et accessibilité \n@@ -61,8 +61,8 @@\n
- À propos \n
\n- - Mobile \n-
- Éditorial \n+
- Application mobile \n+
- Contenu éditorial \n
- \n fren\n \n@@ -102,7 +102,7 @@\n \n Vous êtes ici : \n \n \n
- Accueil \n
- \n- Web\n+ Site Web\n
- \n
- Présentation \n-
- Critères incontournables \n+
- Critères incontournables \n
- Référentiels complets \n
- HTML5 & ARIA \n
- CAPTCHA et accessibilité \n@@ -61,8 +61,8 @@\n
- À propos \n
\n- - Mobile \n-
- Éditorial \n+
- Application mobile \n+
- Contenu éditorial \n
- \n fren\n \n@@ -102,7 +102,7 @@\n \n Vous êtes ici : \n \n \n
- Accueil \n
- \n- Web\n+ Site Web\n
- \n
- Présentation \n-
- Critères incontournables \n+
- Critères incontournables \n
- Référentiels complets \n
- HTML5 & ARIA \n
- CAPTCHA et accessibilité \n@@ -61,8 +61,8 @@\n
- À propos \n
\n- - Mobile \n-
- Éditorial \n+
- Application mobile \n+
- Contenu éditorial \n
- \n fren\n \n@@ -102,7 +102,7 @@\n \n Vous êtes ici : \n \n \n
- Accueil \n
- \n- Web\n+ Site Web\n
- \n
- Présentation \n-
- Critères incontournables \n+
- Critères incontournables \n
- Référentiels complets \n
- HTML5 & ARIA \n
- CAPTCHA et accessibilité \n@@ -61,8 +61,8 @@\n
- À propos \n
\n- - Mobile \n-
- Éditorial \n+
- Application mobile \n+
- Contenu éditorial \n
- \n fren\n \n@@ -102,7 +102,7 @@\n \n Vous êtes ici : \n \n \n
- Accueil \n
- \n- Web\n+ Site Web\n
- \n
- Présentation \n-
- Critères incontournables \n+
- Critères incontournables \n
- Référentiels complets \n
- HTML5 & ARIA \n
- CAPTCHA et accessibilité \n@@ -61,8 +61,8 @@\n
- À propos \n
\n- - Mobile \n-
- Éditorial \n+
- Application mobile \n+
- Contenu éditorial \n
- \n fren\n \n@@ -102,7 +102,7 @@\n \n Vous êtes ici : \n \n \n
- Accueil \n
- \n- Web\n+ Site Web\n
- \n
- Présentation \n-
- Critères incontournables \n+
- Critères incontournables \n
- Référentiels complets \n
- HTML5 & ARIA \n
- CAPTCHA et accessibilité \n@@ -61,8 +61,8 @@\n
- À propos \n
\n- - Mobile \n-
- Éditorial \n+
- Application mobile \n+
- Contenu éditorial \n
- \n fren\n \n@@ -102,7 +102,7 @@\n \n Vous êtes ici : \n \n \n
- Accueil \n
- \n- Web\n+ Site Web\n
- \n
- Présentation \n-
- Critères incontournables \n+
- Critères incontournables \n
- Référentiels complets \n
- HTML5 & ARIA \n
- CAPTCHA et accessibilité \n@@ -61,8 +61,8 @@\n
- À propos \n
\n- - Mobile \n-
- Éditorial \n+
- Application mobile \n+
- Contenu éditorial \n
- \n fren\n \n@@ -102,7 +102,7 @@\n \n Vous êtes ici : \n \n \n
- Accueil \n
- \n- Web\n+ Site Web\n
- \n
- Présentation \n-
- Critères incontournables \n+
- Critères incontournables \n
- Référentiels complets \n
- HTML5 & ARIA \n
- CAPTCHA et accessibilité \n@@ -61,8 +61,8 @@\n
- À propos \n
\n- - Mobile \n-
- Éditorial \n+
- Application mobile \n+
- Contenu éditorial \n
- \n fren\n \n@@ -102,7 +102,7 @@\n \n Vous êtes ici : \n \n \n
- Accueil \n
- \n- Web\n+ Site Web\n
- \n
- Présentation \n-
- Critères incontournables \n+
- Critères incontournables \n
- Référentiels complets \n
- HTML5 & ARIA \n
- CAPTCHA et accessibilité \n@@ -61,8 +61,8 @@\n
- À propos \n
\n- - Mobile \n-
- Éditorial \n+
- Application mobile \n+
- Contenu éditorial \n
- \n fren\n \n@@ -102,7 +102,7 @@\n \n Vous êtes ici : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Do not use tables to design the page layout, they should be used only for tabular data. \n-
- Avoid using images to display text, prefer CSS styling. \n+
- Do not use image to display text, except when the visual presentation cannot be achieved using CSS. \n
- Use CSS classes rather than manipulating inline CSS styles in HTML. \n
- Do not use CSS pseudo-elements (::before, ::after…) to display information (or provide an alternative for screen readers especially). \n
- Do not write Javascript events directly inside the HTML, use a separate script or JS file instead. "},{"sha":"3e9ea8f580f102227d436675406e7bdbcbd08ab6","filename":"web_EN/captcha.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fcaptcha.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fcaptcha.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fcaptcha.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Do not use tables to design the page layout, they should be used only for tabular data. \n-
- Avoid using images to display text, prefer CSS styling. \n+
- Do not use image to display text, except when the visual presentation cannot be achieved using CSS. \n
- Use CSS classes rather than manipulating inline CSS styles in HTML. \n
- Do not use CSS pseudo-elements (::before, ::after…) to display information (or provide an alternative for screen readers especially). \n
- Do not write Javascript events directly inside the HTML, use a separate script or JS file instead. "},{"sha":"31326643c0b8dbe5684e58f03a8eddbe6c828108","filename":"web_EN/fondamentaux.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Ffondamentaux.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Ffondamentaux.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Ffondamentaux.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- Home \n
- \n- Web\n+ Website\n
- \n
- Presentation \n-
- Essential criteria \n+
- Essential criteria \n
- All requirements \n
- Methods and testing tools \n
- Open source Orange tools \n@@ -58,8 +58,8 @@\n
- About \n
\n- - Mobile \n-
- Content \n+
- Mobile app \n+
- Editorial content \n
- \n fren\n \n@@ -99,7 +99,7 @@\n \n You are here : \n \n \n
- \n-
\n \n\n\n\n-"},{"sha":"1424a0958c8b404ba8d7a9b2d9b184d0f877e0ba","filename":"web/lunr-index.js","status":"modified","additions":174,"deletions":153,"changes":327,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Flunr-index.js","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Flunr-index.js","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web%2Flunr-index.js?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5"},{"sha":"435876ae07af4e4d4f0d082610989335fabfff7e","filename":"web/methodes-outils-clavier.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fmethodes-outils-clavier.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fmethodes-outils-clavier.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web%2Fmethodes-outils-clavier.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -46,10 +46,10 @@\nRecommandations accessibilité des contenus vidéos et audios Orange
\n+Recommandations accessibilité des contenus vidéos, animations et audios Orange
\n \n \n \n \n-Introduction : l’accessibilité des contenus vidéos et audios
\n+Introduction : l’accessibilité des contenus vidéos, animations et audios
\nLes vidéos et les audios embarqués dans du contenu (page web, document bureautique...) nécessitent :
\n- \n-
Rendre les vidéos ou audios accessibles
\n+Rendre les vidéos, animations ou audios accessibles
\nPour qu’une vidéo ou un audio soit accessible, les éléments suivants doivent accompagner ces fichiers :
\n- \n
Transcription intégrale
\n-La transcription doit restituer textuellement l’ensemble des informations véhiculées par la vidéo (paroles, messages affichés à l’écran, ...). La transcription peut être agrémentée d’images, si besoin.
\n+La transcription doit restituer textuellement l’ensemble des informations véhiculées par le contenu (paroles, messages affichés à l’écran, graphes, animations ...). La transcription peut être agrémentée d’images, si besoin.
\nLa transcription intégrale est la solution nécessaire et suffisante pour rendre accessible un fichier audio.
\nCette transcription doit, par ordre de préférence, être :
\n- \n@@ -143,20 +143,21 @@
Sous-titres
\nLes sous-titres doivent restituer l’ensemble des contenus (tout son porteur d'information : voix, coup de feu, ...) véhiculés par la bande son de la vidéo. Ils doivent être au format texte et synchronisés avec le son de la vidéo.
\nIls ne doivent pas être affichés (incrustés) directement dans la vidéo, mais doivent être associées à cette dernière grâce à un fichier texte indépendant (souvent un fichier .xml ou .srt).
\nAudiodescription
\n-L’audiodescription doit, quant à elle, compléter la bande son originale. Elle n'est pas forcement nécessaire, par exemple, lorsque la vidéo est juste une interview, sans autre information visuelle.
\n+L’audiodescription doit, quant à elle, compléter la bande son originale. Elle n'est pas forcement nécessaire, par exemple, lorsqu'une vidéo est juste une interview, sans autre information visuelle.
\nElle doit remplacer, au format audio, l’ensemble des informations qui sont accessibles seulement par l’image (mouvements des acteurs, textes affichés, ...).
\nDe même, cette piste audio ne doit pas être intégrée directement dans la vidéo, mais lui être associée par l’intermédiaire d’un fichier audio indépendant (souvent un fichier .mp3).
\n+Lors de la lecture
\n+Lors de la lecture du fichier embarqué dans la page web, vérifier :
\n+- \n+
Le lecteur audio ou vidéo
\nLe lecteur vidéo utilisé doit :
\n- \n-
Liens utiles
\n- "},{"sha":"7342557d0eff473541eaaaaeb1605786606ce68a","filename":"others/word.html","status":"modified","additions":4,"deletions":4,"changes":8,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fword.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fword.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/others%2Fword.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -45,10 +45,10 @@\n \n
- \n
- \n
"},{"sha":"4e4caae555c19a85266c71300aec33f96fd7f9df","filename":"web/methodes-outils-contrastes.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fmethodes-outils-contrastes.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fmethodes-outils-contrastes.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web%2Fmethodes-outils-contrastes.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -46,10 +46,10 @@\n - \n
"},{"sha":"68087504189cf4ec5d7eb4a102bd0c374c740a0c","filename":"web/methodes-outils-extensions.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fmethodes-outils-extensions.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fmethodes-outils-extensions.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web%2Fmethodes-outils-extensions.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -46,10 +46,10 @@\n - \n
"},{"sha":"af56e14c34f375e891dfe81fbc42d02138125d85","filename":"web/methodes-outils-lecteur-ecran.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fmethodes-outils-lecteur-ecran.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fmethodes-outils-lecteur-ecran.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web%2Fmethodes-outils-lecteur-ecran.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -46,10 +46,10 @@\n - \n
"},{"sha":"6f021b15e93790ae0ed467b3ec6bb04187f2ab9a","filename":"web/methodes-outils-liste-titres.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fmethodes-outils-liste-titres.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fmethodes-outils-liste-titres.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web%2Fmethodes-outils-liste-titres.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -46,10 +46,10 @@\n - \n
"},{"sha":"a7207793bd436f729e9edfe6142d55e500601768","filename":"web/methodes-outils-zoom.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fmethodes-outils-zoom.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fmethodes-outils-zoom.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web%2Fmethodes-outils-zoom.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -46,10 +46,10 @@\n - \n
"},{"sha":"8c25ee8b77c633a5ff18b29dcb8d2ca316fd4046","filename":"web/methodes-outils.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fmethodes-outils.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fmethodes-outils.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web%2Fmethodes-outils.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -46,10 +46,10 @@\n - \n
"},{"sha":"506a521dd826bb70f8c58089bfa1bbf7a46970ed","filename":"web/orange-boosted.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Forange-boosted.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Forange-boosted.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web%2Forange-boosted.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -46,10 +46,10 @@\n - \n
"},{"sha":"3ac8243c710c019ab79d53b3a0028dc7d53a23dd","filename":"web/search.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fsearch.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web%2Fsearch.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web%2Fsearch.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -46,10 +46,10 @@\n - \n
"},{"sha":"d9dd7f148a1e98421e1ebd91774ccaa6135b5b31","filename":"web_EN/about.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fabout.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fabout.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fabout.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"},{"sha":"cb6d328f1dc9e18b75c1ffcc19cf3a0e37ece109","filename":"web_EN/all.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fall.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fall.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fall.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
\n@@ -355,7 +355,7 @@ 6. Decoupling co\n
Checklist:
\n- \n
- \n
"},{"sha":"3f0a4cdb6368a17d38b2013e45c6551f58ae4314","filename":"web_EN/contact.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fcontact.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fcontact.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fcontact.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"},{"sha":"6cca30fdd4fc7fc47c5eb1f8d602e0be589a8b05","filename":"web_EN/exemples.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fexemples.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fexemples.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fexemples.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"},{"sha":"4608f85c9b1ee3c3d7693d1d7dbf9be16f588da2","filename":"web_EN/exigences.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fexigences.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fexigences.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fexigences.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"},{"sha":"5f0a0b8c516802026534751c7684e56e2732a4b2","filename":"web_EN/fondamentaux-nontech.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Ffondamentaux-nontech.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Ffondamentaux-nontech.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Ffondamentaux-nontech.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"},{"sha":"61d42cab062e07ac96fbd0395d5786b0977c5ccc","filename":"web_EN/fondamentaux-tech.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Ffondamentaux-tech.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Ffondamentaux-tech.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Ffondamentaux-tech.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
\n@@ -230,7 +230,7 @@ 6. Decoupling co\n
Checklist:
\n- \n
- \n
"},{"sha":"8cd0bb1a1fecea938463fa3b0cbd0f8695be0c16","filename":"web_EN/htmlaria.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fhtmlaria.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fhtmlaria.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fhtmlaria.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"},{"sha":"c16531669155399d71d909703bac2e2cefdda441","filename":"web_EN/index.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Findex.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Findex.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Findex.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"},{"sha":"76d86d1bff64fe056adbabda58c5f30be186c73b","filename":"web_EN/lunr-index.js","status":"modified","additions":1,"deletions":1,"changes":2,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Flunr-index.js","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Flunr-index.js","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Flunr-index.js?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -193,7 +193,7 @@ documentTitles[\"fondamentaux-tech.html#6-decoupling-content-from-interaction-and\n index.add({\n url: \"fondamentaux-tech.html#6-decoupling-content-from-interaction-and-presentation\",\n title: \"6. Decoupling content from interaction and presentation\", \n- body: \"## 6. Decoupling content from interaction and presentation **Target: ** everyone, especially people with visual disabilities, reading or attention difficulties. **When: ** during development. **Description: ** Strictly decouple the content (<abbr>HTML</abbr>), the interaction (Javascript) and presentation (<abbr>CSS</abbr>). **Checklist: ** - Do not use tables to design the page layout, they should be used only for tabular data. - Avoid using images to display text, prefer <abbr>CSS</abbr> styling. - Use <abbr>CSS</abbr> classes rather than manipulating inline <abbr>CSS</abbr> styles in <abbr>HTML</abbr>. - Do not use <abbr>CSS</abbr> pseudo-elements (::before, ::after…) to display information (or provide an alternative for screen readers especially). - Do not write Javascript events directly inside the <abbr>HTML</abbr>, use a separate script or <abbr>JS</abbr> file instead. **Users’ goal: ** Allow users, via their User Agent or technical assistance (e.g. their browser) to change the visual appearance of the page (zoom, colour, position…). For example, increase the text size without display problems. **Technical goal: ** Improves maintainability. **Reference:** <abbr>WCAG</abbr> 1.3.1, 1.4.5 \"\n+ body: \"## 6. Decoupling content from interaction and presentation **Target: ** everyone, especially people with visual disabilities, reading or attention difficulties. **When: ** during development. **Description: ** Strictly decouple the content (<abbr>HTML</abbr>), the interaction (Javascript) and presentation (<abbr>CSS</abbr>). **Checklist: ** - Do not use tables to design the page layout, they should be used only for tabular data. - Do not use image to display text, except when the visual presentation cannot be achieved using <abbr>CSS</abbr>. - Use <abbr>CSS</abbr> classes rather than manipulating inline <abbr>CSS</abbr> styles in <abbr>HTML</abbr>. - Do not use <abbr>CSS</abbr> pseudo-elements (::before, ::after…) to display information (or provide an alternative for screen readers especially). - Do not write Javascript events directly inside the <abbr>HTML</abbr>, use a separate script or <abbr>JS</abbr> file instead. **Users’ goal: ** Allow users, via their User Agent or technical assistance (e.g. their browser) to change the visual appearance of the page (zoom, colour, position…). For example, increase the text size without display problems. **Technical goal: ** Improves maintainability. **Reference:** <abbr>WCAG</abbr> 1.3.1, 1.4.5 \"\n });\n \n documentTitles[\"fondamentaux-tech.html#7-code-validation\"] = \"7. Code validation\";"},{"sha":"dc2686bd73c184f56111491b65954ee14833301d","filename":"web_EN/methodes-outils-clavier.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fmethodes-outils-clavier.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fmethodes-outils-clavier.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fmethodes-outils-clavier.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"},{"sha":"e0babbe3fb312a9ea2eb5534f3be48abed950466","filename":"web_EN/methodes-outils-contrastes.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fmethodes-outils-contrastes.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fmethodes-outils-contrastes.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fmethodes-outils-contrastes.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"},{"sha":"5fa5d9fd02f8a0e10e538f177bf56c53e1010554","filename":"web_EN/methodes-outils-extensions.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fmethodes-outils-extensions.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fmethodes-outils-extensions.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fmethodes-outils-extensions.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"},{"sha":"f309c940b089f6d7261a9c532c9ecbcf9e99818d","filename":"web_EN/methodes-outils-lecteur-ecran.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fmethodes-outils-lecteur-ecran.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fmethodes-outils-lecteur-ecran.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fmethodes-outils-lecteur-ecran.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"},{"sha":"f9c86336098bd61d289583c410549fbe605bfc84","filename":"web_EN/methodes-outils-liste-titres.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fmethodes-outils-liste-titres.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fmethodes-outils-liste-titres.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fmethodes-outils-liste-titres.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"},{"sha":"6d493a5305fe0f85a019cf777e9dcf48e55c4e41","filename":"web_EN/methodes-outils-zoom.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fmethodes-outils-zoom.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fmethodes-outils-zoom.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fmethodes-outils-zoom.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"},{"sha":"7b06d00353bde6f0ad6f353461153877916f7896","filename":"web_EN/methodes-outils.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fmethodes-outils.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fmethodes-outils.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fmethodes-outils.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"},{"sha":"b14cef3fecc8b50a69d2ef5feb5e9f0105347b59","filename":"web_EN/nos-outils.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fnos-outils.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fnos-outils.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fnos-outils.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"},{"sha":"40288f06047704d468af7ce5618da05989f02029","filename":"web_EN/search.html","status":"modified","additions":5,"deletions":5,"changes":10,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fsearch.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/web_EN%2Fsearch.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/web_EN%2Fsearch.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,10 +44,10 @@\n - \n
"}]}
- \n-
"},{"sha":"e25a8109532edcab926fde0547a8ecc4d7c73e68","filename":"others/video-audio.html","status":"modified","additions":19,"deletions":18,"changes":37,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fvideo-audio.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fvideo-audio.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/others%2Fvideo-audio.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -45,10 +45,10 @@\n \n - \n
- \n-
"},{"sha":"f0c3ef3d23324bd198a6db158419bc85fb742f38","filename":"others/search.html","status":"modified","additions":4,"deletions":4,"changes":8,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fsearch.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fsearch.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/others%2Fsearch.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -45,10 +45,10 @@\n \n - \n
- \n-
"},{"sha":"e981a2374c67b638b497c07ac792be1b93816edb","filename":"others/pushmail.html","status":"modified","additions":4,"deletions":4,"changes":8,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fpushmail.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fpushmail.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/others%2Fpushmail.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -45,10 +45,10 @@\n \n - \n
- \n-
\n@@ -128,6 +128,14 @@ Avec Adobe InDesign
\nAvec Adobe Acrobat Pro
\nVous trouverez les recommandations Adobe Acrobat Pro sur la notice Créer des documents PDF accessibles avec Adobe Acrobat Pro de AcceDe PDF.
\nCe document est issu de la phase 2 d’AcceDe PDF (2015). Sous la coordination d’Atalan, Orange fut partenaire de cette phase 2, aux côtés de 9 autres grandes entreprises : La Poste, Siemens, Spie, Thales, Atos, BNP Paribas, Devoteam, Manpower et EDF en s’appuyant sur un comité de relecture constitué de nombreux professionnels et d’associations impliqués dans l’accessibilité numérique.
\n+Tester l’accessibilité d’un document PDF
\n+Installer PDF Accessibility Checker (PAC).
\n+Ce logiciel permet entre autres l’exécution des tests automatiques sur un document PDF et la détection des problèmes d’accessibilité,
\n+\n+\nCritères incontournables
\nCe sont les principaux critères à respecter pour qu’un document PDF soit accessible, indépendamment de la procédure utilisée pour le créer. Les critères incontournables seront utiles aux personnes créant des documents PDF sans utiliser les logiciels d’éditions (Microsoft Word, Adobe InDesign, Adobe Acrobat Pro), par exemple les développeurs dont les applications génèrent des documents PDF.
\nStructure du document
\n@@ -161,21 +169,6 @@Couleurs
\n- \n
Tester l’accessibilité d’un document PDF
\n-Installer PDF Accessibility Checker (PAC 2).
\n-Ce logiciel permet entre autres :
\n-- \n-
- \n
- \n-
"},{"sha":"ad2e149dc6c417157f4bedd7dfb7e647a2c068d6","filename":"others/lunr-index.js","status":"modified","additions":30,"deletions":23,"changes":53,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Flunr-index.js","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Flunr-index.js","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/others%2Flunr-index.js?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -411,6 +411,13 @@ index.add({\n body: \"### Avec Adobe Acrobat Pro Vous trouverez les recommandations Adobe Acrobat Pro sur la notice <a href=\\"http://www.pdf-accessible.com/notices-accessibilite-indesign-acrobat/#acrobat\\">Créer des documents <abbr>PDF</abbr> accessibles avec Adobe Acrobat Pro</a> de AcceDe <abbr>PDF</abbr>. Ce document est issu de la phase 2 d’AcceDe <abbr>PDF</abbr> (2015). Sous la coordination d’Atalan, Orange fut partenaire de cette phase 2, aux côtés de 9 autres grandes entreprises : La Poste, Siemens, Spie, Thales, Atos, <abbr>BNP</abbr> Paribas, Devoteam, Manpower et <abbr>EDF</abbr> en s’appuyant sur un comité de relecture constitué de nombreux professionnels et d’associations impliqués dans l’accessibilité numérique. \"\n });\n \n+documentTitles[\"pdf.html#tester-laccessibilite-dun-document-abbrpdfabbr\"] = \"Tester l’accessibilité d’un document <abbr>PDF</abbr>\";\n+index.add({\n+ url: \"pdf.html#tester-laccessibilite-dun-document-abbrpdfabbr\",\n+ title: \"Tester l’accessibilité d’un document <abbr>PDF</abbr>\", \n+ body: \"## Tester l’accessibilité d’un document <abbr>PDF</abbr> Installer <a href=\\"http://www.access-for-all.ch/en/pdf-lab/pdf-accessibility-checker-pac.html\\"><abbr>PDF</abbr> Accessibility Checker (<abbr>PAC</abbr>)</a>. Ce logiciel permet entre autres l’exécution des tests automatiques sur un document <abbr>PDF</abbr> et la détection des problèmes d’accessibilité, <figure> <img class=\\"center\\" src=\\"/others/images/pac1.png\\" alt=\\"copie d’écran des résultats des tests automatiques dans PAC\\"/> <figcaption>Capture d'écran de l'outil.</figcaption> </figure> \"\n+});\n+\n documentTitles[\"pdf.html#criteres-incontournables\"] = \"Critères incontournables\";\n index.add({\n url: \"pdf.html#criteres-incontournables\",\n@@ -471,14 +478,7 @@ documentTitles[\"pdf.html#couleurs\"] = \"Couleurs\";\n index.add({\n url: \"pdf.html#couleurs\",\n title: \"Couleurs\", \n- body: \"### Couleurs Les couleurs ne sont pas le seul moyen utilisé pour communiquer l’information. Le contraste entre le texte et l’arrière-plan est suffisant : -\t4.5:1 pour du texte de taille normale. -\t3:1 pour du texte de grande taille. \"\n-});\n-\n-documentTitles[\"pdf.html#tester-laccessibilite-dun-document-abbrpdfabbr\"] = \"Tester l’accessibilité d’un document <abbr>PDF</abbr>\";\n-index.add({\n- url: \"pdf.html#tester-laccessibilite-dun-document-abbrpdfabbr\",\n- title: \"Tester l’accessibilité d’un document <abbr>PDF</abbr>\", \n- body: \"## Tester l’accessibilité d’un document <abbr>PDF</abbr> Installer <a href=\\"http://www.access-for-all.ch/en/pdf-lab/pdf-accessibility-checker-pac.html\\"><abbr>PDF</abbr> Accessibility Checker (<abbr>PAC 2</abbr>)</a>. Ce logiciel permet entre autres : - d’exécuter des tests automatiques sur un document <abbr>PDF</abbr> et détecter des erreurs d’accessibilité, <figure> <img class=\\"center\\" src=\\"/others/images/pac1.png\\" alt=\\"copie d’écran des résultats des tests automatiques dans PAC 2\\"/> <figcaption>Résultats des tests automatiques</figcaption> </figure> <figure> <img class=\\"center\\" src=\\"/others/images/pac2.png\\" alt=\\"copie d’écran du détail d’une erreur dans PAC 2\\"/> <figcaption>Détail d’une erreur d’accessibilité détectée automatiquement</figcaption> </figure> - de pré-visualiser le document tel qu’il sera restitué par les outils d’assistance, afin de vérifier l’ordre de lecture et l’utilisation pertinente de la sémantique (titre, paragraphe…), <div><img class=\\"center\\" src=\\"/others/images/pac3.png\\" alt=\\"\\"/></div> - d’accéder à une vue détaillée des informations accessibles à un outil d’assistance. <div><img class=\\"center\\" src=\\"/others/images/pac4.png\\" alt=\\"\\"/></div>\"\n+ body: \"### Couleurs Les couleurs ne sont pas le seul moyen utilisé pour communiquer l’information. Le contraste entre le texte et l’arrière-plan est suffisant : -\t4.5:1 pour du texte de taille normale. -\t3:1 pour du texte de grande taille. \"\n });\n \n \n@@ -592,32 +592,32 @@ index.add({\n \n \n \n-documentTitles[\"video-audio.html#recommandations-accessibilite-des-contenus-videos-et-audios-orange\"] = \"Recommandations accessibilité des contenus vidéos et audios Orange\";\n+documentTitles[\"video-audio.html#recommandations-accessibilite-des-contenus-videos-animations-et-audios-orange\"] = \"Recommandations accessibilité des contenus vidéos, animations et audios Orange\";\n index.add({\n- url: \"video-audio.html#recommandations-accessibilite-des-contenus-videos-et-audios-orange\",\n- title: \"Recommandations accessibilité des contenus vidéos et audios Orange\", \n- body: \"# Recommandations accessibilité des contenus vidéos et audios Orange <script>$(document).ready(function () { setBreadcrumb([{\\"label\\":\\"Vidéo audio\\"}]); });</script> <style>h3 {font-size: 1rem;}</style> \"\n+ url: \"video-audio.html#recommandations-accessibilite-des-contenus-videos-animations-et-audios-orange\",\n+ title: \"Recommandations accessibilité des contenus vidéos, animations et audios Orange\", \n+ body: \"# Recommandations accessibilité des contenus vidéos, animations et audios Orange <script>$(document).ready(function () { setBreadcrumb([{\\"label\\":\\"Vidéo audio\\"}]); });</script> <style>h3 {font-size: 1rem;}</style> \"\n });\n \n-documentTitles[\"video-audio.html#introductionnbsp-laccessibilite-des-contenus-videos-et-audios\"] = \"Introduction : l’accessibilité des contenus vidéos et audios\";\n+documentTitles[\"video-audio.html#introductionnbsp-laccessibilite-des-contenus-videos-animations-et-audios\"] = \"Introduction : l’accessibilité des contenus vidéos, animations et audios\";\n index.add({\n- url: \"video-audio.html#introductionnbsp-laccessibilite-des-contenus-videos-et-audios\",\n- title: \"Introduction : l’accessibilité des contenus vidéos et audios\", \n- body: \"## Introduction : l’accessibilité des contenus vidéos et audios Les vidéos et les audios embarqués dans du contenu (page web, document bureautique...) nécessitent : - que ces vidéos et audios eux-même soient accessibles - mais également, que l'interface qui permet la diffusion de ces fichiers soit accessible. \"\n+ url: \"video-audio.html#introductionnbsp-laccessibilite-des-contenus-videos-animations-et-audios\",\n+ title: \"Introduction : l’accessibilité des contenus vidéos, animations et audios\", \n+ body: \"## Introduction : l’accessibilité des contenus vidéos, animations et audios Les vidéos et les audios embarqués dans du contenu (page web, document bureautique...) nécessitent : - que ces vidéos, animations et audios eux-même soient accessibles - mais également, que l'interface qui permet la diffusion de ces fichiers soit accessible. \"\n });\n \n-documentTitles[\"video-audio.html#rendre-les-videos-ou-audios-accessibles\"] = \"Rendre les vidéos ou audios accessibles\";\n+documentTitles[\"video-audio.html#rendre-les-videos-animations-ou-audios-accessibles\"] = \"Rendre les vidéos, animations ou audios accessibles\";\n index.add({\n- url: \"video-audio.html#rendre-les-videos-ou-audios-accessibles\",\n- title: \"Rendre les vidéos ou audios accessibles\", \n- body: \"## Rendre les vidéos ou audios accessibles Pour qu’une vidéo ou un audio soit accessible, les éléments suivants doivent accompagner ces fichiers : - Une transcription intégrale, seule nécessité pour un fichier audio. - Des sous-titres. - Une audiodescription, si besoin. \"\n+ url: \"video-audio.html#rendre-les-videos-animations-ou-audios-accessibles\",\n+ title: \"Rendre les vidéos, animations ou audios accessibles\", \n+ body: \"## Rendre les vidéos, animations ou audios accessibles Pour qu’une vidéo ou un audio soit accessible, les éléments suivants doivent accompagner ces fichiers : - Une transcription intégrale, seule nécessité pour un fichier audio. - Des sous-titres. - Une audiodescription, si besoin. \"\n });\n \n documentTitles[\"video-audio.html#transcription-integrale\"] = \"Transcription intégrale\";\n index.add({\n url: \"video-audio.html#transcription-integrale\",\n title: \"Transcription intégrale\", \n- body: \"### Transcription intégrale La transcription doit restituer textuellement l’ensemble des informations véhiculées par la vidéo (paroles, messages affichés à l’écran, ...). La transcription peut être agrémentée d’images, si besoin. **La transcription intégrale est la solution nécessaire et suffisante pour rendre accessible un fichier audio.** Cette transcription doit, par ordre de préférence, être : 1. accessible directement à travers le lecteur audio/vidéo, lui-même. 1. directement présente dans la page ou le document à proximité immédiate (l'élément qui suit directement, en fait) de la vidéo ou audio. 1. accessible à travers un lien à proximité immédiate pointant sur une autre partie de la page ou du document ou même, une page ou un document autre. Quelque soit le moyen choisi, il doit, bien sûr, être accessible à tous. \"\n+ body: \"### Transcription intégrale La transcription doit restituer textuellement l’ensemble des informations véhiculées par le contenu (paroles, messages affichés à l’écran, graphes, animations ...). La transcription peut être agrémentée d’images, si besoin. **La transcription intégrale est la solution nécessaire et suffisante pour rendre accessible un fichier audio.** Cette transcription doit, par ordre de préférence, être : 1. accessible directement à travers le lecteur audio/vidéo, lui-même. 1. directement présente dans la page ou le document à proximité immédiate (l'élément qui suit directement, en fait) de la vidéo ou audio. 1. accessible à travers un lien à proximité immédiate pointant sur une autre partie de la page ou du document ou même, une page ou un document autre. Quelque soit le moyen choisi, il doit, bien sûr, être accessible à tous. \"\n });\n \n documentTitles[\"video-audio.html#sous-titres\"] = \"Sous-titres\";\n@@ -631,14 +631,21 @@ documentTitles[\"video-audio.html#audiodescription\"] = \"Audiodescription\";\n index.add({\n url: \"video-audio.html#audiodescription\",\n title: \"Audiodescription\", \n- body: \"### Audiodescription L’audiodescription doit, quant à elle, compléter la bande son originale. Elle n'est pas forcement nécessaire, par exemple, lorsque la vidéo est juste une interview, sans autre information visuelle. Elle doit remplacer, au format audio, l’ensemble des informations qui sont accessibles seulement par l’image (mouvements des acteurs, textes affichés, ...). De même, cette piste audio ne doit pas être intégrée directement dans la vidéo, mais lui être associée par l’intermédiaire d’un fichier audio indépendant (souvent un fichier .mp3). \"\n+ body: \"### Audiodescription L’audiodescription doit, quant à elle, compléter la bande son originale. Elle n'est pas forcement nécessaire, par exemple, lorsqu'une vidéo est juste une interview, sans autre information visuelle. Elle doit remplacer, au format audio, l’ensemble des informations qui sont accessibles seulement par l’image (mouvements des acteurs, textes affichés, ...). De même, cette piste audio ne doit pas être intégrée directement dans la vidéo, mais lui être associée par l’intermédiaire d’un fichier audio indépendant (souvent un fichier .mp3). \"\n+});\n+\n+documentTitles[\"video-audio.html#lors-de-la-lecture\"] = \"Lors de la lecture\";\n+index.add({\n+ url: \"video-audio.html#lors-de-la-lecture\",\n+ title: \"Lors de la lecture\", \n+ body: \"### Lors de la lecture Lors de la lecture du fichier embarqué dans la page web, vérifier : - Ne pas lancer automatiquement, au chargement de la page, la vidéo, l'animation ou l'audio mais laisser la main à l'utilisateur. - Pour une vidéo ou une animation, celle-ci doit être exempte de tout élément qui flashe plus de trois fois par seconde ou ce flash doit se situer sous <a href=\\"https://www.w3.org/Translations/WCAG20-fr/#general-thresholddef\\">le seuil de flash générique et le seuil de flash rouge</a>. \"\n });\n \n documentTitles[\"video-audio.html#le-lecteur-audio-ou-video\"] = \"Le lecteur audio ou vidéo\";\n index.add({\n url: \"video-audio.html#le-lecteur-audio-ou-video\",\n title: \"Le lecteur audio ou vidéo\", \n- body: \"## Le lecteur audio ou vidéo Le lecteur vidéo utilisé doit : - prendre en charge d'au moins deux éléments : sous-titres et audiodescription. - permettre d'utiliser les contrôles du lecteurs (lecture/pause, avance/recul, montrer/cacher les sous-titres, arrêt/contrôle du volume, ajouter/enlever l'audiodescription, si besoin, à minima) qui sont accessibles, notamment aux aides techniques (lecteurs d'écran, loupes logicielles, claviers, ...). - permettre de modifier les paramètres (à minima, la taille du texte, les couleurs texte/fond) d'affichage des sous-titres. - ne pas lancer automatiquement l'audio ou la vidéo mais laisser la main à l'utilisateur. \"\n+ body: \"## Le lecteur audio ou vidéo Le lecteur vidéo utilisé doit : - prendre en charge d'au moins deux éléments : sous-titres et audiodescription. - permettre d'utiliser les contrôles du lecteurs (lecture/pause, avance/recul, montrer/cacher les sous-titres, arrêt/contrôle du volume, ajouter/enlever l'audiodescription, si besoin, à minima) qui sont accessibles, notamment aux aides techniques (lecteurs d'écran, loupes logicielles, claviers, ...). - permettre de modifier les paramètres (à minima, la taille du texte, les couleurs texte/fond) d'affichage des sous-titres. \"\n });\n \n documentTitles[\"video-audio.html#liens-utiles\"] = \"Liens utiles\";"},{"sha":"221010480592d5dd87c2b2272edde2032de14d3b","filename":"others/pdf.html","status":"modified","additions":12,"deletions":19,"changes":31,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fpdf.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fpdf.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/others%2Fpdf.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -45,10 +45,10 @@\n \n - \n
- \n-
"},{"sha":"97b6c788e63d00e53d71669f6f10d272a1c69bce","filename":"others/images/pac1.png","status":"modified","additions":0,"deletions":0,"changes":0,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fimages%2Fpac1.png","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fimages%2Fpac1.png","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/others%2Fimages%2Fpac1.png?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5"},{"sha":"8b6eed991d4b82099dca393fd5aacb469845e7ba","filename":"others/index.html","status":"modified","additions":4,"deletions":4,"changes":8,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Findex.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Findex.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/others%2Findex.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -45,10 +45,10 @@\n \n - \n
- \n-
"},{"sha":"24d3eed13e71d77691e6da3df264a6950b3a966a","filename":"others/editorial.html","status":"modified","additions":4,"deletions":4,"changes":8,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Feditorial.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Feditorial.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/others%2Feditorial.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -45,10 +45,10 @@\n \n - \n
Sous-titres
\nLes sous-titres doivent restituer l’ensemble des contenus (tout son porteur d'information : voix, coup de feu, ...) véhiculés par la bande son de la vidéo. Ils doivent être au format texte et synchronisés avec le son de la vidéo.
\nIls ne doivent pas être affichés (incrustés) directement dans la vidéo, mais doivent être associées à cette dernière grâce à un fichier texte indépendant (souvent un fichier .xml ou .srt).
\nAudiodescription
\n-L’audiodescription doit, quant à elle, compléter la bande son originale. Elle n'est pas forcement nécessaire, par exemple, lorsque la vidéo est juste une interview, sans autre information visuelle.
\n+L’audiodescription doit, quant à elle, compléter la bande son originale. Elle n'est pas forcement nécessaire, par exemple, lorsqu'une vidéo est juste une interview, sans autre information visuelle.
\nElle doit remplacer, au format audio, l’ensemble des informations qui sont accessibles seulement par l’image (mouvements des acteurs, textes affichés, ...).
\nDe même, cette piste audio ne doit pas être intégrée directement dans la vidéo, mais lui être associée par l’intermédiaire d’un fichier audio indépendant (souvent un fichier .mp3).
\n+Lors de la lecture
\n+Lors de la lecture du fichier embarqué dans la page web, vérifier :
\n+- \n+
Le lecteur audio ou vidéo
\nLe lecteur vidéo utilisé doit :
\n- \n-
Liens utiles
\n- "},{"sha":"4d7d0f48be98dd316af0a6408df33db87b353970","filename":"others/contact.html","status":"modified","additions":4,"deletions":4,"changes":8,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fcontact.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fcontact.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/others%2Fcontact.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -45,10 +45,10 @@\n \n
- \n
- \n-
"},{"sha":"5f8d7e6df688d8a5baeab5b0791f2a2d43a36def","filename":"others/all.html","status":"modified","additions":27,"deletions":33,"changes":60,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fall.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/others%2Fall.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/others%2Fall.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -45,10 +45,10 @@\n \n - \n
- \n-
"},{"sha":"59f14f72001d942d8a208f8c308ad0924ab51c10","filename":"mobile_EN/criteria-android.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fcriteria-android.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fcriteria-android.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Fcriteria-android.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n - \n
- \n-
"},{"sha":"84327efde2f0870c8f16aec4a3017be4325a55d1","filename":"mobile_EN/criteria-ios.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fcriteria-ios.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fcriteria-ios.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Fcriteria-ios.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n - \n
- \n-
"},{"sha":"e0430b686f8cbbbd87428e3f03b986e1078b5b57","filename":"mobile_EN/criteria-mobile.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fcriteria-mobile.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fcriteria-mobile.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Fcriteria-mobile.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n - \n
- \n-
"},{"sha":"c6188e7fb31003dab2aa1988a38c8d95b983fbc5","filename":"mobile_EN/dev-android.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fdev-android.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fdev-android.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Fdev-android.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n - \n
- \n-
"},{"sha":"8660e0e5eaadbfbd7df1e3fb2e8fe716d876e252","filename":"mobile_EN/dev-ios-wwdc-16407.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fdev-ios-wwdc-16407.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fdev-ios-wwdc-16407.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Fdev-ios-wwdc-16407.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n - \n
- \n-
"},{"sha":"2ade0b47bdba32879fa3a6ea57a479ab7a4b2aff","filename":"mobile_EN/dev-ios-wwdc-17215.html","status":"modified","additions":10,"deletions":10,"changes":20,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fdev-ios-wwdc-17215.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fdev-ios-wwdc-17215.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Fdev-ios-wwdc-17215.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n - \n
- \n-
\n@@ -142,9 +142,9 @@ WWDC 2017 : What's New in Acc\n
During this presentation, the following solutions for accessibility development pitfalls are suggested thanks to a simple application (take a look at it) :
\n- \n-
Thereafter, the selection of a title will give rise to the video playback directly at the proper moment.
\n \n@@ -169,7 +169,7 @@Examples are provided without explaining in depth the tool itself to which a former Apple session (2016 - 407) is dedicated.\n
\nUIAccessibilityProtocol (21:14)
\n-Reminder on the
UIAccessibilityProtocol
fundamentals that will be used during the presentation.\n+Reminder on the
\n \nUIAccessibility
informal protocol fundamentals that will be used during the presentation.\nAttributed Accessibility Properties (26:07)
"},{"sha":"152ad6c2a4c78690b09012c14e81568d58055e3f","filename":"mobile_EN/dev-ios-wwdc-17245.html","status":"modified","additions":8,"deletions":8,"changes":16,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fdev-ios-wwdc-17245.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fdev-ios-wwdc-17245.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Fdev-ios-wwdc-17245.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n- \n
- \n-
\n@@ -141,8 +141,8 @@ WWDC 2017 : Building Apps wit\n
Thereafter, the selection of a title will give rise to the video playback on the Apple website directly at the proper moment.
\n \nText styles (06:06)
\n-All the text styles used in accessibility can have the 12 available sizes in iOS 11.\n-In the Xcode Interface Builder, just indicate the style in the Attribute Inspector part and tick
Dynamic Type
to adjust the text size to the device settings (iOS 11 feature).\n+All the text styles can have the 5 accessibility sizes in iOS 11 whereas it was only the case for the body text style before.\n+In the Xcode Interface Builder, just indicate the style in the Attribute Inspector part and tick
"},{"sha":"e44329ec05b39658f70cb15bc6e082a5578bb39b","filename":"mobile_EN/dev-ios-wwdc.html","status":"modified","additions":6,"deletions":6,"changes":12,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fdev-ios-wwdc.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fdev-ios-wwdc.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Fdev-ios-wwdc.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\nDynamic Type
to adjust the text size to the device settings.\n \n Get the exact same result with the following code :\n- \n
- \n-
"},{"sha":"a573558d72881ea8eddf8fa03e685478f678b360","filename":"mobile_EN/dev-ios.html","status":"modified","additions":11,"deletions":11,"changes":22,"blob_url":"https://github.com/Orange-OpenSource/a11y-guidelines/blob/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fdev-ios.html","raw_url":"https://github.com/Orange-OpenSource/a11y-guidelines/raw/e5c2a9dd1687065ad58ae8945d59dff282fd3db5/mobile_EN%2Fdev-ios.html","contents_url":"https://api.github.com/repos/Orange-OpenSource/a11y-guidelines/contents/mobile_EN%2Fdev-ios.html?ref=e5c2a9dd1687065ad58ae8945d59dff282fd3db5","patch":"@@ -44,22 +44,22 @@\n - \n
- \n-
\n@@ -222,7 +222,7 @@ Description
\n- \n
The
\naccessibilityElement
attribute is available via the interface builder but can also be used directly through the code. The other two attributes are available only through the code.Example
\n@@ -673,12 +673,11 @@Link
\nAll accessibility events are available on the official documentation from Apple.
\nText size
\nDescription
\n-Dynamic font size on iOS is very tricky.\n-Since iOS7, it is possible to use an API to make the text size dynamic according to the phone settings.\n+
Since iOS7, it is possible to make the text size dynamic according to the phone settings.\n \n The following steps should be respected in order to easily use this API :
\n- \n-
- \n