{"id":4098,"date":"2020-10-30T21:42:25","date_gmt":"2020-10-30T20:42:25","guid":{"rendered":"https:\/\/webhosting.de\/?p=4098"},"modified":"2020-10-30T21:42:25","modified_gmt":"2020-10-30T20:42:25","slug":"plus-de-succes-sites-web-accessibles","status":"publish","type":"post","link":"https:\/\/webhosting.de\/fr\/erfolgreichere-websites-durch-barrierefreiheit\/","title":{"rendered":"Des sites web plus performants gr\u00e2ce \u00e0 l'accessibilit\u00e9"},"content":{"rendered":"

L'Internet accessible d\u00e9signe les mesures visant \u00e0 garantir que tous les utilisateurs ont un acc\u00e8s illimit\u00e9 et \u00e9gal aux ressources en ligne. Cela concerne principalement deux domaines : d'une part, les possibilit\u00e9s techniques dont dispose un utilisateur et, d'autre part, les capacit\u00e9s physiques et mentales de l'utilisateur, qui d\u00e9pendent, entre autres, de crit\u00e8res d'\u00e2ge et de sant\u00e9. Dans de nombreux cas, cependant, un site web accessible offre des avantages m\u00eame aux utilisateurs disposant du meilleur \u00e9quipement technique et des plus grandes capacit\u00e9s personnelles. En outre, les sites web accessibles sont souvent plus \"lisibles\" pour les moteurs de recherche. Par cons\u00e9quent, la conception accessible est \u00e9galement un moyen \u00e9prouv\u00e9 si vous souhaitez am\u00e9liorer votre page d'accueil<\/a> ou site web<\/a> veulent optimiser pour am\u00e9liorer le classement ou augmenter le taux de conversion.<\/p>\n

Que signifie l'absence de barri\u00e8res pour la conception et l'h\u00e9bergement de sites web ?
\nLorsque l'on examine les caract\u00e9ristiques sp\u00e9cifiques d'un Internet accessible, il convient tout d'abord de noter que celles-ci changent \u00e9galement avec le d\u00e9veloppement technique de l'Internet. Les nouveaux \u00e9l\u00e9ments de la conception web peuvent cr\u00e9er de nouveaux obstacles, mais aussi faciliter la conception accessible. Un changement majeur a \u00e9t\u00e9 le passage de l'information largement textuelle des d\u00e9buts de l'Internet \u00e0 un support de plus en plus graphique, provoqu\u00e9 par l'introduction du World Wide Web en 1991. Si l'on dit qu'une image vaut mille mots, cela n'est vrai que si le destinataire du message peut d\u00e9coder l'information visuelle. Cependant, cette exigence n'est pas remplie plus souvent que vous ne le pensez. Par exemple, les robots que les moteurs de recherche utilisent pour remplir leurs bases de donn\u00e9es ne peuvent extraire que des informations tr\u00e8s limit\u00e9es des images. Toutefois, le contenu des pages web sous forme de texte peut \u00e9galement \u00eatre lu \u00e0 haute voix par des programmes informatiques, par exemple des lecteurs d'\u00e9cran, et les appareils mobiles tels que les smartphones et les tablettes offrent d\u00e9sormais des fonctionnalit\u00e9s comparables en standard. Un contenu textuel est donc indispensable pour que votre page d'accueil soit accessible \u00e0 tous. Heureusement, le langage de description de page utilis\u00e9 sur le web, le HTML, offre des moyens simples de compl\u00e9ter le contenu visuel, comme les images, par des informations sous forme de texte qui ne modifient pas l'apparence normale de votre page d'accueil, quels que soient les outils de d\u00e9veloppement dont dispose votre fournisseur d'h\u00e9bergement web. Par exemple, la balise alt d'une image, que vous notez dans le code source HTML, n'est affich\u00e9e que si l'image elle-m\u00eame ne peut pas \u00eatre affich\u00e9e. Cela peut \u00eatre d\u00fb \u00e0 des raisons tr\u00e8s diff\u00e9rentes. Par exemple, il est possible que des goulots d'\u00e9tranglement temporaires ou des interruptions de la connexion Internet emp\u00eachent le chargement d'une image. Le contenu visuel n'est g\u00e9n\u00e9ralement pas directement dans le code source HTML d'un site web<\/a>mais sont ajout\u00e9s en tant que ressources externes. Par cons\u00e9quent, un mauvais r\u00e9f\u00e9rencement peut \u00e9galement entra\u00eener l'absence d'images. L'affichage de contenu graphique peut \u00e9galement \u00eatre d\u00e9lib\u00e9r\u00e9ment supprim\u00e9 par l'utilisateur ou m\u00eame ne pas \u00eatre pris en charge par le navigateur. En outre, les moteurs de recherche \u00e9valuent \u00e9galement le contenu des balises alt afin de pouvoir fournir des r\u00e9ponses significatives aux requ\u00eates de recherche.<\/p>\n

Ce \u00e0 quoi vous devez pr\u00eater attention dans l'h\u00e9bergement de sites web pour un Internet sans barri\u00e8res
\nLa modification des conditions-cadres pour un Internet sans barri\u00e8res ne concerne pas seulement des changements fondamentaux tels que le passage de la repr\u00e9sentation textuelle \u00e0 la repr\u00e9sentation visuelle. Les d\u00e9tails, tels que le r\u00e9glage de la taille des caract\u00e8res, sont \u00e9galement concern\u00e9s. Un texte que vous pouvez lire parfaitement lors de la conception de votre site web peut donc \u00eatre trop petit, voire trop grand, pour un visiteur de votre page d'accueil, pour des raisons techniques uniquement. En outre, il existe \u00e9galement des exigences individuelles concernant la taille des caract\u00e8res, qui sont dues notamment aux limitations de la vision de l'utilisateur. L'une des premi\u00e8res mesures visant \u00e0 fournir un acc\u00e8s sans entrave aux offres du web a donc \u00e9t\u00e9 le contr\u00f4le de la modification de la taille des caract\u00e8res. On les trouve notamment dans l'h\u00e9bergement d'offres publiques et officielles. En attendant, les navigateurs web offrent g\u00e9n\u00e9ralement des possibilit\u00e9s universelles d'ajustement de la taille des caract\u00e8res. Ils pr\u00e9sentent l'avantage de pouvoir \u00eatre utilis\u00e9s de la m\u00eame mani\u00e8re sur tous les sites web. Un utilisateur qui en a besoin n'a pas besoin de chercher sur le site pour savoir s'il propose son propre r\u00e9glage de la taille des caract\u00e8res, o\u00f9 et comment. Par cons\u00e9quent, ces \u00e9l\u00e9ments ne sont plus d\u00e9cisifs pour \u00e9valuer l'accessibilit\u00e9 d'une pr\u00e9sence sur le web.
\nD'autre part, il est toujours important que vous laissiez aux utilisateurs de votre site web la libert\u00e9 de d\u00e9cider comment les pages sont affich\u00e9es pour r\u00e9pondre \u00e0 leurs besoins personnels. Malheureusement, cette exigence fondamentale d'une conception accessible du web n'est pas non plus suffisamment prise en compte par les outils actuels de d\u00e9veloppement de sites web. M\u00eame si vous r\u00e9alisez votre page d'accueil, par exemple avec un mod\u00e8le d'h\u00e9bergement Web Bootstrap, comme un design Web r\u00e9actif, elle n'est pas automatiquement sans barri\u00e8res. Pourquoi en est-il ainsi ?
\nLa taille r\u00e9elle d'une police d\u00e9pend non seulement des sp\u00e9cifications du code source d'une page web, mais aussi des conditions techniques limites de l'appareil de sortie qui repr\u00e9sente une page web. Avec les outils actuels tels que HTML5, vous pouvez \u00e9valuer des informations sp\u00e9cifiques \u00e0 l'appareil telles que la r\u00e9solution ou le nombre de pixels de l'affichage et les utiliser pour sp\u00e9cifier une taille physique d\u00e9finie. Toutefois, cela exige non seulement que ces valeurs soient transf\u00e9r\u00e9es correctement par l'appareil, mais aussi qu'elles puissent \u00eatre d\u00e9termin\u00e9es de mani\u00e8re unique. Ce dernier n'est par exemple pas le cas dans le cas d'un beamer. Un projecteur num\u00e9rique peut en effet indiquer le nombre exact de pixels affich\u00e9s, mais pas la r\u00e9solution, car la taille de l'image et donc l'IPS d\u00e9pendent, entre autres, de la distance entre l'objectif et la surface de projection. Ces valeurs ne sont donc pas du tout sp\u00e9cifiques \u00e0 l'appareil, mais d\u00e9pendent des conditions de projection.
\nVous pouvez certainement consid\u00e9rer que le fait de surfer avec un projecteur comme dispositif d'affichage est une exception, mais l'accessibilit\u00e9 est une question d'exceptions. L'internaute moyen n'est pas d\u00e9pendant de l'Internet sans barri\u00e8res. Dans ce contexte, vous devez \u00e9galement penser \u00e0 la s\u00e9curit\u00e9 future, car l'exception d'aujourd'hui peut \u00eatre la r\u00e8gle de demain. Un exemple instructif \u00e0 cet \u00e9gard est celui des concepteurs de sites web qui, \u00e0 la fin des ann\u00e9es 1990, ont con\u00e7u des sites web pour une taille de fen\u00eatre fixe, souvent les 1024\u00d7768 pixels de la norme XGA, et ont int\u00e9gr\u00e9 les sp\u00e9cifications correspondantes pour l'affichage \u00e0 l'\u00e9cran dans les sites web. Comme pr\u00e9vu, la taille moyenne des \u00e9crans de PC a continu\u00e9 \u00e0 augmenter, mais les smartphones ont fait leur apparition, avec des \u00e9crans pouvant afficher encore moins de pixels que le PC IBM d'origine quelque deux d\u00e9cennies plus t\u00f4t. Aujourd'hui, la taille moyenne des \u00e9crans des smartphones augmente \u00e9galement de fa\u00e7on constante, mais la prochaine coupe est d\u00e9j\u00e0 \u00e0 l'horizon. Non seulement les montres intelligentes r\u00e9duisent \u00e0 nouveau la taille de l'\u00e9cran, mais elles ne proposent g\u00e9n\u00e9ralement m\u00eame plus les formats d'\u00e9cran habituels, rectangulaires, mais carr\u00e9s ou m\u00eame ronds.<\/p>\n

Pourquoi la conception accessible est-elle importante pour le succ\u00e8s de votre pr\u00e9sence sur le web ?
\nComme nous l'avons d\u00e9j\u00e0 mentionn\u00e9, l'Internet sans barri\u00e8res est une exception. Par cons\u00e9quent, vous pouvez bien s\u00fbr limiter votre pr\u00e9sence sur le web \u00e0 la majorit\u00e9 des clients dont le comportement de navigation est conforme \u00e0 la moyenne. Cependant, dans l'offre de services en constante augmentation sur Internet, o\u00f9 la concurrence est toujours \u00e0 port\u00e9e de clic, ce n'est de plus en plus qu'une chose que seuls les tr\u00e8s grands peuvent se permettre. Si, en revanche, vous faites partie de la majorit\u00e9 des prestataires qui doivent se d\u00e9marquer par des sites de niche, les math\u00e9matiques vous rebuteront. Le mot-cl\u00e9 d\u00e9cisif ici est \"longue queue\" et vient du domaine des statistiques. En ce qui concerne les nouveaux march\u00e9s du commerce en ligne, cela signifie en bref qu'ici, ce n'est pas la moyenne, mais les cas exceptionnels qui constituent la majeure partie des ventes. M\u00eame Amazon r\u00e9alise une part importante de ses ventes dans le domaine des livres aux titres inhabituels qui ne sont gu\u00e8re propos\u00e9s dans les librairies classiques. Un Internet sans barri\u00e8res vous ouvre donc \u00e9galement un potentiel d'acheteurs important, que vous ne pouvez pas atteindre avec un design web exclusivement orient\u00e9 vers la moyenne.<\/p>","protected":false},"excerpt":{"rendered":"

Barrierefreies Internet bezeichnet Ma\u00dfnahmen, die allen Nutzern gleicherma\u00dfen uneingeschr\u00e4nkten Zugang zu Online-Ressourcen gew\u00e4hrleisten sollen. Das betrifft vor allem zwei Bereiche, einerseits die technischen M\u00f6glichkeiten, die einem Nutzer zur Verf\u00fcgung stehen, und andererseits dessen k\u00f6rperliche und geistige F\u00e4higkeiten, die unter anderem vom Lebensalter sowie von gesundheitlichen Kriterien abh\u00e4ngen. In vielen F\u00e4llen bietet ein barrierefrei gestaltetes Webangebot […]<\/p>\n","protected":false},"author":1,"featured_media":513,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_crdt_document":"","inline_featured_image":false,"footnotes":""},"categories":[673],"tags":[],"class_list":["post-4098","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-computer_und_internet"],"acf":[],"_wp_attached_file":null,"_wp_attachment_metadata":null,"litespeed-optimize-size":null,"litespeed-optimize-set":null,"_elementor_source_image_hash":null,"_wp_attachment_image_alt":null,"stockpack_author_name":null,"stockpack_author_url":null,"stockpack_provider":null,"stockpack_image_url":null,"stockpack_license":null,"stockpack_license_url":null,"stockpack_modification":null,"color":null,"original_id":null,"original_url":null,"original_link":null,"unsplash_location":null,"unsplash_sponsor":null,"unsplash_exif":null,"unsplash_attachment_metadata":null,"_elementor_is_screenshot":null,"surfer_file_name":null,"surfer_file_original_url":null,"envato_tk_source_kit":null,"envato_tk_source_index":null,"envato_tk_manifest":null,"envato_tk_folder_name":null,"envato_tk_builder":null,"envato_elements_download_event":null,"_menu_item_type":null,"_menu_item_menu_item_parent":null,"_menu_item_object_id":null,"_menu_item_object":null,"_menu_item_target":null,"_menu_item_classes":null,"_menu_item_xfn":null,"_menu_item_url":null,"_trp_menu_languages":null,"rank_math_primary_category":null,"rank_math_title":null,"inline_featured_image":null,"_yoast_wpseo_primary_category":null,"rank_math_schema_blogposting":null,"rank_math_schema_videoobject":null,"_oembed_049c719bc4a9f89deaead66a7da9fddc":null,"_oembed_time_049c719bc4a9f89deaead66a7da9fddc":null,"_yoast_wpseo_focuskw":"barrierefreiheit","_yoast_wpseo_linkdex":null,"_oembed_27e3473bf8bec795fbeb3a9d38489348":null,"_oembed_c3b0f6959478faf92a1f343d8f96b19e":null,"_trp_translated_slug_en_us":null,"_wp_desired_post_slug":null,"_yoast_wpseo_title":null,"tldname":null,"tldpreis":null,"tldrubrik":null,"tldpolicylink":null,"tldsize":null,"tldregistrierungsdauer":null,"tldtransfer":null,"tldwhoisprivacy":null,"tldregistrarchange":null,"tldregistrantchange":null,"tldwhoisupdate":null,"tldnameserverupdate":null,"tlddeletesofort":null,"tlddeleteexpire":null,"tldumlaute":null,"tldrestore":null,"tldsubcategory":null,"tldbildname":null,"tldbildurl":null,"tldclean":null,"tldcategory":null,"tldpolicy":null,"tldbesonderheiten":null,"tld_bedeutung":null,"_oembed_d167040d816d8f94c072940c8009f5f8":null,"_oembed_b0a0fa59ef14f8870da2c63f2027d064":null,"_oembed_4792fa4dfb2a8f09ab950a73b7f313ba":null,"_oembed_33ceb1fe54a8ab775d9410abf699878d":null,"_oembed_fd7014d14d919b45ec004937c0db9335":null,"_oembed_21a029d076783ec3e8042698c351bd7e":null,"_oembed_be5ea8a0c7b18e658f08cc571a909452":null,"_oembed_a9ca7a298b19f9b48ec5914e010294d2":null,"_oembed_f8db6b27d08a2bb1f920e7647808899a":null,"_oembed_168ebde5096e77d8a89326519af9e022":null,"_oembed_cdb76f1b345b42743edfe25481b6f98f":null,"_oembed_87b0613611ae54e86e8864265404b0a1":null,"_oembed_27aa0e5cf3f1bb4bc416a4641a5ac273":null,"_oembed_time_27aa0e5cf3f1bb4bc416a4641a5ac273":null,"_tldname":null,"_tldclean":null,"_tldpreis":null,"_tldcategory":null,"_tldsubcategory":null,"_tldpolicy":null,"_tldpolicylink":null,"_tldsize":null,"_tldregistrierungsdauer":null,"_tldtransfer":null,"_tldwhoisprivacy":null,"_tldregistrarchange":null,"_tldregistrantchange":null,"_tldwhoisupdate":null,"_tldnameserverupdate":null,"_tlddeletesofort":null,"_tlddeleteexpire":null,"_tldumlaute":null,"_tldrestore":null,"_tldbildname":null,"_tldbildurl":null,"_tld_bedeutung":null,"_tldbesonderheiten":null,"_oembed_ad96e4112edb9f8ffa35731d4098bc6b":null,"_oembed_8357e2b8a2575c74ed5978f262a10126":null,"_oembed_3d5fea5103dd0d22ec5d6a33eff7f863":null,"_eael_widget_elements":null,"_oembed_0d8a206f09633e3d62b95a15a4dd0487":null,"_oembed_time_0d8a206f09633e3d62b95a15a4dd0487":null,"_aioseo_description":null,"_eb_attr":null,"_eb_data_table":null,"_oembed_819a879e7da16dd629cfd15a97334c8a":null,"_oembed_time_819a879e7da16dd629cfd15a97334c8a":null,"_acf_changed":null,"_wpcode_auto_insert":null,"_edit_last":null,"_edit_lock":null,"_oembed_e7b913c6c84084ed9702cb4feb012ddd":null,"_oembed_bfde9e10f59a17b85fc8917fa7edf782":null,"_oembed_time_bfde9e10f59a17b85fc8917fa7edf782":null,"_oembed_03514b67990db061d7c4672de26dc514":null,"_oembed_time_03514b67990db061d7c4672de26dc514":null,"rank_math_news_sitemap_robots":"index","rank_math_robots":["index"],"_eael_post_view_count":"4192","_trp_automatically_translated_slug_ru_ru":null,"_trp_automatically_translated_slug_et":"erfolgreichere-websites-durch-barrierefreiheit","_trp_automatically_translated_slug_lv":"veiksmigakas-vietnes-pateicoties-pieejamibai","_trp_automatically_translated_slug_fr_fr":null,"_trp_automatically_translated_slug_en_us":null,"_wp_old_slug":null,"_trp_automatically_translated_slug_da_dk":null,"_trp_automatically_translated_slug_pl_pl":null,"_trp_automatically_translated_slug_es_es":null,"_trp_automatically_translated_slug_hu_hu":null,"_trp_automatically_translated_slug_fi":"menestyksekkaeaemmaet-verkkosivut-saavutettavuuden-avulla","_trp_automatically_translated_slug_ja":"%e3%82%88%e3%82%8a%e5%a4%9a%e3%81%8f%e3%81%ae%e6%88%90%e5%8a%9f%e3%82%b5%e3%82%a4%e3%83%88%e3%81%b8%e3%81%ae%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9","_trp_automatically_translated_slug_lt_lt":null,"_elementor_edit_mode":null,"_elementor_template_type":null,"_elementor_version":null,"_elementor_pro_version":null,"_wp_page_template":"default","_elementor_page_settings":null,"_elementor_data":null,"_elementor_css":null,"_elementor_conditions":null,"_happyaddons_elements_cache":null,"_oembed_75446120c39305f0da0ccd147f6de9cb":null,"_oembed_time_75446120c39305f0da0ccd147f6de9cb":null,"_oembed_3efb2c3e76a18143e7207993a2a6939a":null,"_oembed_time_3efb2c3e76a18143e7207993a2a6939a":null,"_oembed_59808117857ddf57e478a31d79f76e4d":null,"_oembed_time_59808117857ddf57e478a31d79f76e4d":null,"_oembed_965c5b49aa8d22ce37dfb3bde0268600":null,"_oembed_time_965c5b49aa8d22ce37dfb3bde0268600":null,"_oembed_81002f7ee3604f645db4ebcfd1912acf":null,"_oembed_time_81002f7ee3604f645db4ebcfd1912acf":null,"_elementor_screenshot":null,"_oembed_7ea3429961cf98fa85da9747683af827":null,"_oembed_time_7ea3429961cf98fa85da9747683af827":null,"_elementor_controls_usage":null,"_elementor_page_assets":[],"_elementor_screenshot_failed":null,"theplus_transient_widgets":["tp-video-player"],"_eael_custom_js":null,"_wp_old_date":null,"_trp_automatically_translated_slug_it_it":null,"_trp_automatically_translated_slug_pt_pt":null,"_trp_automatically_translated_slug_zh_cn":null,"_trp_automatically_translated_slug_nl_nl":null,"_trp_automatically_translated_slug_pt_br":null,"_trp_automatically_translated_slug_sv_se":null,"rank_math_analytic_object_id":"877","rank_math_internal_links_processed":null,"_trp_automatically_translated_slug_ro_ro":null,"_trp_automatically_translated_slug_sk_sk":null,"_trp_automatically_translated_slug_bg_bg":null,"_trp_automatically_translated_slug_sl_si":null,"litespeed_vpi_list":["webhostinglogo.png"],"litespeed_vpi_list_mobile":["webhostinglogo.png"],"rank_math_seo_score":null,"rank_math_contentai_score":null,"ilj_limitincominglinks":null,"ilj_maxincominglinks":null,"ilj_limitoutgoinglinks":null,"ilj_maxoutgoinglinks":null,"ilj_limitlinksperparagraph":null,"ilj_linksperparagraph":null,"ilj_blacklistdefinition":null,"ilj_linkdefinition":["erfolgreichere websites durch barrierefreiheit","barrierefreiheit"],"_eb_reusable_block_ids":null,"rank_math_focus_keyword":"barrierefreiheit","rank_math_og_content_image":null,"_yoast_wpseo_metadesc":"Barrierefreies Internet bezeichnet Ma\u00dfnahmen, die allen Nutzern gleicherma\u00dfen uneingeschr\u00e4nkten Zugang zu Online-Ressourcen gew\u00e4hrleisten sollen.","_yoast_wpseo_content_score":null,"_yoast_wpseo_focuskeywords":null,"_yoast_wpseo_keywordsynonyms":null,"_yoast_wpseo_estimated-reading-time-minutes":null,"rank_math_description":"Barrierefreies Internet bezeichnet Ma\u00dfnahmen, die allen Nutzern gleicherma\u00dfen uneingeschr\u00e4nkten Zugang zu Online-Ressourcen gew\u00e4hrleisten sollen.","surfer_last_post_update":null,"surfer_last_post_update_direction":null,"surfer_keywords":null,"surfer_location":null,"surfer_draft_id":null,"surfer_permalink_hash":null,"surfer_scrape_ready":null,"_thumbnail_id":"513","footnotes":null,"_links":{"self":[{"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/posts\/4098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/comments?post=4098"}],"version-history":[{"count":0,"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/posts\/4098\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/media\/513"}],"wp:attachment":[{"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/media?parent=4098"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/categories?post=4098"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhosting.de\/fr\/wp-json\/wp\/v2\/tags?post=4098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}