Tribunal canadien des relations professionelles artistes-producteurs
Symbole du gouvernement du Canada

Liens de la barre de menu commune

Aide à l'accessibilité

Voici quelques instructions sur certains thèmes pour personaliser votre navigateur afin que les pages de ce sites vous soivent accessible


Visualiser un fichier PDF

Vous avez accès à certains documents en format PDF. Ce format universel vous permet de lire, d'imprimer ou de télécharger un document en ligne tout en conservant la police, les illustrations et la présentation générale du document. Pour visualiser un document PDF, votre ordinateur doit être équipé d'un lecteur PDF.

Télécharger un lecteur PDF

Pour consulter la version PDF (format de document portable), vous devez avoir un lecteur PDF sur votre ordinateur. Si vous n'en avez pas déjà un, il existe de nombreux lecteurs PDF que vous pouvez télécharger gratuitement ou acheter dans Internet :

Convertir des fichiers PDF en format HTML

Vous pouvez également convertir le fichier PDF en format HTML ou en texte ASCII en utilisant un service de conversion en ligne comme celui de Adobe ou la fonction de visualisation en format HTML de Google. Le site Web d'Adobe Systems Incorporated contient un outil en ligne qui aide à rendre les fichiers PDF accessibles aux personnes ayant une déficience visuelle. Cet outil permet de convertir les fichiers PDF en format HTML, qui peuvent alors être lus par des lecteurs sonores-écrans. Pour convertir des fichiers PDF, consulter le site http://www.adobe.com/products/acrobat/access_francais_2.html.

Télécharger un fichier PDF

Pour télécharger un fichier PDF :

  1. Localisez un document que vous voulez télécharger.
  2. Faites un clic droit sur le lien menant au document PDF et choisissez Enregistrer la cible sous (Internet Explorer) / Enregistrer un lien sous (Netscape) à partir du menu déroulant.
  3. Indiquez dans quel répertoire vous voulez enregistrer le fichier et cliquez sur Enregistrer.
  4. Vous pouvez alors visualiser le document hors ligne grâce à votre lecteur PDF.

Modifier la largeur des caractères

Vous pouvez grossir le corps du texte d'une page Web en modifiant les paramètres de votre navigateur Web. Suivez les instructions ci-dessous.

Internet Explorer

Pour grossir le corps du texte dans Internet Explorer :

  1. Choisissez Affichage dans la barre de menus.
  2. Choisissez Taille du texte.
  3. À partir de là, choisissez Plus grande ou La plus grande jusqu'à ce que vous ayez atteint la taille désirée.

Mozilla Firefox

Pour grossir le corps du texte dans Mozilla Firefox :

  1. Choisissez Affichage dans la barre de menus.
  2. Choisissez Taille du texte.
  3. À partir de là, choisissez Plus grande.

Netscape

Pour grossir le corps du texte dans Netscape :

  1. Choisissez Affichage dans la barre de menus.
  2. Choisissez Augmentez la grosseur du texte.
  3. Remarquez que le corps du texte a augmenté.
  4. Pour grossir davantage le corps, continuez de choisir Augmentez la grosseur du texte.

Safari

Pour grossir le corps du texte dans Safari :

  1. Appuyez sur la touche « Commande » et appuyez ensuite sur la touche « + » à une ou plusieurs reprises.

Opera

Pour grossir le corps du texte dans Opera :

  1. Choisissez Voir dans la barre de menus.
  2. Choisissez Zoom.
  3. À partir de là, augmentez le pourcentage.

Feuilles de style en cascade (CSS) côté client visant à accroître l'accessibilité

Les mécanismes de conception de pages Web du présent site Web offrent suffisamment de souplesse pour vous permettre de configurer la présentation visuelle de manière à répondre à vos besoins en matière d'accessibilité à l'aide d'un fichier de feuilles de style en cascade (CSS) côté client.

La plupart des navigateurs permettent de définir un fichier CSS côté client, qui peut ensuite être appliqué à chaque page Web que vous consultez. Pour ce faire,veuillez procéder aux étapes suivantes :

Comment créer un fichier CSS côté client

Pour créer une feuille de style côté client, créez un fichier-texte en clair portant l'extension de fichier « CSS » à l'aide d'un éditeur de texte en clair ou d'un éditeur CSS. Utilisez la syntaxe CSS (http://www.w3.org/Style/CSS/) dans votre feuille de style en cascade côté client afin de contrôler la présentation visuelle des pages Web.

Pour accroître davantage l'accessibilité des pages Web dans ce site Web, vous pouvez inclure une combinaison des feuilles de style en cascade côté client suivantes dans votre fichier CSS côté client.

Comment rendre visibles les liens de saut de navigation

  1. Ouvrez votre fichier CSS côté client et insérez‑y les bribes de code suivantes :

    div.navaid {
    position: static !important;
    font-size: 100% !important;
    float: none !important;
    overflow: visible !important;
    width: auto !important;
    height: auto !important;
    }
    div.navaid a {
    color: #00F !important;
    padding: 5px !important;
    line-height: 150% !important;
    }


  2. Sauvegardez votre fichier CSS et rafraîchissez votre navigateur.

Votre navigateur devrait maintenant afficher les messages « Passer au contenu » et « Passer aux liens institutionnels ».

Comment rendre les pages extensibles sur toute la largeur de l'écran

  1. Ouvrez votre fichier CSS côté client et insérez-y les bribes de code suivantes :

    div.page {
    width : 100% !important;
    }


  2. Sauvegardez votre fichier CSS et rafraîchissez votre navigateur.

Votre navigateur devrait maintenant afficher les pages sur toute la largeur de l'écran.

Comment faire en sorte que tous liens soient soulignés

  1. Ouvrez votre fichier CSS côté client et insérez-y les bribes de code suivantes :

    a:link, a:visited, a:hover {
    text-decoration: underline !important;
    }


  2. Sauvegardez votre fichier CSS et rafraîchissez votre navigateur.

Votre navigateur devrait maintenant souligner tous les liens à l'écran.

Comment faire en sorte que les couleurs des liens à l'avant‑plan et à l'arrière‑plan soient uniformes

  1. Ouvrez votre fichier CSS côté client et insérez‑y les bribes de code suivantes :

    a:link, a:visited, a:hover {
    background-color: #FFF !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-variant: normal !important;
    padding: 0px 0px 2px 2px !important;
    }
    a:link {
    color: #00F !important;
    }
    a:visited {
    color: #009 !important;
    }
    a:hover {
    color: #F00 !important;
    }


    Veuillez prendre note que les couleurs mentionnées dans l'exemple ci‑dessus peuvent être modifiées et sont attribuées comme suit :

    Propriété du lien Nom de la classe Propriété de la classe Couleur (codes hexadécimaux) Couleur
    Couleur d'arrière-plan a:link, a:visited, a:hover background-color #FFF Blanc
    Couleur de lien consulté a:link color #00F Bleu
    Couleur de lien du bouton sensitif a:visited color #009 Bleu foncé
    Couleur de lien du bouton sensitif a:hover color #F00 Rouge


  2. Sauvegardez votre fichier CSS et rafraîchissez votre navigateur.

Les couleurs de tous les liens à l'avant‑plan et à l'arrière‑plan de votre navigateur devraient maintenant être uniformes.

Comment ajouter plus de contraste à la bannière de la page de contenu

  1. Ouvrez votre fichier CSS côté client et insérez‑y les bribes de code suivantes :

    div.banner, div.banner-eng, div.banner-fra, div.banner-lfcoa-eng, div-banner-lfcoa-fra {
    background: none !important;
    border-top: 1px solid #000 !important;
    border-left: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
    min-height: 5.58em !important;
    margin-top: 3.14em !important;
    padding-bottom: 0.67em !important;
    }
    * html img.coa, * html img.lf {
    margin-top: -2.84em !important;
    }
    div.banner-lfcoa-eng img.coa, div.banner-lfcoa-eng img.lf, div-banner-lfcoa-fra img.coa, div-banner-lfcoa-fra img.lf {
    display: inline !important;
    }
    div.banner-eng p.main, div-banner-fra p.main, div.banner-lfcoa-eng p.main, div-banner-lfcoa-fra p.main, div.banner-eng
    p#siteuri, div-banner-fra p#siteuri, div.banner-lfcoa-eng p#siteuri, div-banner-lfcoa-fra p#siteuri {
    position: static !important;
    font-size: 100% !important;
    float: none !important;
    overflow: visible !important;
    width: auto !important;
    height: auto !important;
    }
    div.banner-eng p.main, div.banner-fra p.main, div.banner-lfcoa-eng p.main, div.banner-lfcoa-fra p.main {
    font-family: "times new roman", sans-serif !important;
    font-weight: bold !important;
    font-size: 185% !important;
    margin: 0 !important;
    padding: 0 !important;
    }
    div.banner-eng p#siteuri, div-banner-fra p#siteuri, div.banner-lfcoa-eng p#siteuri, div-banner-lfcoa-fra p#siteuri {
    font-family: Arial, Helvetica, sans-serif !important;
    background-color: transparent !important;
    font-weight: lighter !important;
    font-size: 110% !important;
    margin: 0 !important;
    padding: 0 !important;
    }
    p.main, p.main span, p#siteuri, p#siteuri span {
    color: #000 !important;
    }
    * html p.main, * html p.main span, * html p#siteuri, * html p#siteuri span {
    width: 99.5% !important;
    }
    p.main img, p#siteuri img {
    display: none !important;
    }


  2. Sauvegardez votre fichier CSS et rafraîchissez votre navigateur.

Votre navigateur a maintenant désactivé la couleur ou l'image originale à l'arrière‑plan de la bannière et l'a remplacée par un ensemble de couleurs d'avant‑plan et d'arrière‑plan à contraste élevé.

Comment ajouter plus de contraste à la zone de message de la page d'accueil

  1. Ouvrez votre fichier CSS côté client et insérez‑y les bribes de code suivantes :

    .msgarea, .msgareaalt {
    background: none !important;
    border-top: 1px solid #000 !important;
    border-left: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
    }
    .msgareaalt {
    border-bottom: 1px solid #000 !important;
    }
    * html .msgarea, * html .msgareaalt {
    width: 99.7% !important;
    }
    * html .msgarea {
    height: 129px !important;
    }
    * html .msgareaalt {
    height: 248px !important;
    }
    .msgarea h1, .msgareaalt h1 {
    color: #000 !important;
    }
    .msgarea h1.hidden, .msgareaalt h1.hidden {
    position: static !important;
    font-size: 200% !important;
    float: none !important;
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    font-weight: bold !important;
    }
    .headcontainer {
    background-color: #FFF !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    }
    * html .headcontainer {
    width: 99.7% !important;
    height: 118px !important;
    }

  2. Sauvegardez votre fichier CSS et rafraîchissez votre navigateur.

Votre navigateur a maintenant désactivé la couleur ou l'image originale à l'arrière‑plan de la zone de message de la page d'accueil et l'a remplacée par un ensemble de couleurs d'avant‑plan et d'arrière‑plan à contraste élevé.

Comment configurer votre navigateur pour utiliser un fichier CSS côté client

Internet Explorer pour Windows

  1. Sélectionnez « Internet Options » (« Options Internet ») dans le menu « Tools » (« Outils »).
  2. Appuyez sur le bouton « Accessibility » (« Accessibilité »).
  3. Cochez la case « Format documents using my style sheet » (Mettre les documents en forme en utilisant ma feuille de style »).
  4. Utilisez le bouton « Browse » (« Parcourir ») pour sélectionner votre fichier CSS côté client.
  5. Confirmez les changements en appuyant sur le bouton « OK ».

Internet Explorer pour Mac

  1. Sélectionnez « Preferences » dans le menu « Explorer ».
  2. Sélectionnez la section « Web Content » dans la liste « Web Browser » (étendre la liste « Web Browser » au besoin).
  3. Cochez les cases « Show style sheets » et « Use my style sheet ».
  4. Appuyez sur le bouton « Select Style Sheet » pour sélectionner votre fichier CSS côté client.
  5. Confirmez les changements en appuyant sur le bouton « OK ».

Mozilla Firefox, Netscape (6.0 et versions ultérieures) et Mozilla

  1. Renommez votre fichier CSS à « userContent.CSS »
  2. Copiez le fichier dans le sous-dossier « chrome » du dossier de votre profil de navigateur. Pour trouver le dossier de votre profil, veuillez consulter l'adresse suivante : http://www.mozilla.org/support/firefox/edit#profile). Le sous‑dossier « chrome » devrait contenir les fichiers « userContent-example.CSS » et « userChrome-example.CSS ».
  3. Relancez votre navigateur.

Opera 8 et versions ultérieures

  1. Sélectionnez « Preferences » dans le menu « Tools ».
  2. Sélectionnez l'onglet « Advanced ».
  3. Sélectionnez l'option « Content » dans la liste.
  4. Appuyez sur le bouton « Style options ».
  5. Appuyez sur le bouton « Choose » pour sélectionner votre fichier CSS côté client.
  6. Confirmez les changements en appuyant sur le bouton « OK ».

Opera 7

  1. Sélectionnez « Preferences » dans le menu « File ».
  2. Sélectionnez « Page Style ».
  3. Appuyez sur le bouton « Choose » pour sélectionner votre fichier CSS côté client.
  4. Confirmez les changements en appuyant sur le bouton « OK ».

Safari

  1. Sélectionnez « Preferences » dans le menu « Safari ».
  2. Sélectionnez « Advanced ».
  3. Appuyez sur le bouton « Other » pour sélectionner votre fichier CSS côté client.
  4. Confirmez les changements en appuyant sur le bouton « OK ».