{"id":3215,"date":"2017-10-18T09:42:01","date_gmt":"2017-10-18T07:42:01","guid":{"rendered":"https:\/\/mastercaweb.u-strasbg.fr\/?p=3215"},"modified":"2017-10-18T09:42:01","modified_gmt":"2017-10-18T07:42:01","slug":"7-tips-for-making-your-website-more-accessible","status":"publish","type":"post","link":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/un-categorized\/7-tips-for-making-your-website-more-accessible\/","title":{"rendered":"7 Tips for Making Your Website More Accessible"},"content":{"rendered":"

Nowadays, more and more public places are adapted to people with visual, hearing and physical disabilities. Several everyday services have become digitized, including online banking and tax returns. As a consequence, it seems natural that everybody should have access to these services on the web. Website accessibility<\/strong> is an important consideration, and many people tend to forget about it.<\/p>\n

\"website<\/p>\n

Here are some tips worth knowing when creating a new website. These considerations will not only help you ensure your site is accessible for everybody<\/b>, but also that technical supports<\/strong>, such as screen readers or Braille touchpads, are able to read it.<\/p>\n

Universal design<\/h2>\n

A few years ago, it was common to distinguish between the \u201cclassical\u201d content of a website and its accessible content. But this approach presented more drawbacks than benefits. After a while, these \u201cspecial\u201d websites were often disregarded. Not only didn\u2019t they present the whole content of the original website, but they were also seldom updated. In the worst cases, these websites even ended up being purposely ignored.<\/p>\n

An accessible website has to be universal<\/b>. A barrier-free design has to be adopted and then applied to all of the website\u2019s contents.<\/p>\n

Our 7 tips for making your website as accessible as possible<\/h2>\n
    \n
  1. \n

    Distinguish content and graphic design<\/b> by using CSS: search engines will find your website easier to read.<\/p>\n<\/li>\n

  2. \n

    To increase clarity and readability, make sure that the color contrast<\/b> between the background color and the text is sufficient.<\/p>\n<\/li>\n

  3. \n

    Avoid using absolute sizes for your fonts, and prefer using relative sizes<\/b> instead. Indicate the font size in \u2018em\u2019 rather than in \u2018px\u2019, and make sure the font size is not too small.<\/p>\n<\/li>\n

  4. \n

    Use <h1> to <h6> HTML headings <\/b> to structure your text and indicate titles or subtitles.<\/p>\n<\/li>\n

  5. \n

    Don\u2019t forget to use the \u2018title\u2019 attribute <\/b>on your links: this will allow you to add extra information.<\/p>\n<\/li>\n

  6. \n

    Fill in the \u2018alt\u2019 attribute <\/b>for images, and describe as precisely as possible what is presented in the image.<\/p>\n<\/li>\n

  7. \n

    Do not use tables<\/b> to structure your website’s layout. Tables are difficult for screen readers to understand and can sometimes be completely misunderstood.<\/p>\n<\/li>\n<\/ol>\n

    Accessibility and SEO<\/h2>\n

    As you may have noticed, several of the aspects intended to make websites more accessible are similar to best practices used in the optimization of the ranking of a website. Indeed, by applying these guidelines, you can effectively kill two birds with one stone. Besides, making your website more accessible is good for SEO<\/b>. Search engine robots work in predictable ways. Therefore, the better the structure of your website, the better its indexing.<\/p>\n

    Find here all Web Content Accessibility Guidelines<\/a> (WCAG 2.0).<\/p>\n

    Translated by C\u00e9lia Casarramona, CAWEB Master’s.<\/p>\n

      <\/p>\n","protected":false},"excerpt":{"rendered":"

    Nowadays, more and more public places are adapted to people with visual, hearing and physical disabilities. Several everyday services have […]<\/p>\n","protected":false},"author":1,"featured_media":3184,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-3215","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\n7 tips for making your website more accessible<\/title>\n<meta name=\"description\" content=\"You wish to make your website more accessible? Here are a few guidelines and advices to follow to increase the accessibility of your website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 tips for making your website more accessible\" \/>\n<meta property=\"og:description\" content=\"You wish to make your website more accessible? Here are a few guidelines and advices to follow to increase the accessibility of your website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/\" \/>\n<meta property=\"og:site_name\" content=\"Master CAWEB\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/master.caweb\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-18T07:42:01+00:00\" \/>\n<meta name=\"author\" content=\"cawebinte1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mastercaweb\" \/>\n<meta name=\"twitter:site\" content=\"@mastercaweb\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cawebinte1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/actualites\\\/web\\\/7-tips-for-making-your-website-more-accessible\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/actualites\\\/web\\\/7-tips-for-making-your-website-more-accessible\\\/\"},\"author\":{\"name\":\"cawebinte1\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#\\\/schema\\\/person\\\/431b92909694c397fc8112e99e2ef4aa\"},\"headline\":\"7 Tips for Making Your Website More Accessible\",\"datePublished\":\"2017-10-18T07:42:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/actualites\\\/web\\\/7-tips-for-making-your-website-more-accessible\\\/\"},\"wordCount\":458,\"publisher\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/actualites\\\/web\\\/7-tips-for-making-your-website-more-accessible\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/actualites\\\/web\\\/7-tips-for-making-your-website-more-accessible\\\/\",\"url\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/actualites\\\/web\\\/7-tips-for-making-your-website-more-accessible\\\/\",\"name\":\"7 tips for making your website more accessible\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/actualites\\\/web\\\/7-tips-for-making-your-website-more-accessible\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/actualites\\\/web\\\/7-tips-for-making-your-website-more-accessible\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2017-10-18T07:42:01+00:00\",\"description\":\"You wish to make your website more accessible? Here are a few guidelines and advices to follow to increase the accessibility of your website.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/actualites\\\/web\\\/7-tips-for-making-your-website-more-accessible\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mastercaweb.unistra.fr\\\/actualites\\\/web\\\/7-tips-for-making-your-website-more-accessible\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/actualites\\\/web\\\/7-tips-for-making-your-website-more-accessible\\\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/actualites\\\/web\\\/7-tips-for-making-your-website-more-accessible\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"7 Tips for Making Your Website More Accessible\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#website\",\"url\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/\",\"name\":\"Master CAWEB\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#organization\",\"name\":\"Master CAWEB\",\"url\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/logo-caweb.webp\",\"contentUrl\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/logo-caweb.webp\",\"width\":351,\"height\":100,\"caption\":\"Master CAWEB\"},\"image\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/master.caweb\",\"https:\\\/\\\/x.com\\\/mastercaweb\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#\\\/schema\\\/person\\\/431b92909694c397fc8112e99e2ef4aa\",\"name\":\"cawebinte1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5e4d7477db19aae8bc90c90565ae900f5ad6cb035ef4337cae03a3962f43935d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5e4d7477db19aae8bc90c90565ae900f5ad6cb035ef4337cae03a3962f43935d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5e4d7477db19aae8bc90c90565ae900f5ad6cb035ef4337cae03a3962f43935d?s=96&d=mm&r=g\",\"caption\":\"cawebinte1\"},\"sameAs\":[\"https:\\\/\\\/mastercaweb.unistra.fr\"],\"url\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/actualites\\\/author\\\/cawebinte1\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"7 tips for making your website more accessible","description":"You wish to make your website more accessible? Here are a few guidelines and advices to follow to increase the accessibility of your website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/","og_locale":"en_US","og_type":"article","og_title":"7 tips for making your website more accessible","og_description":"You wish to make your website more accessible? Here are a few guidelines and advices to follow to increase the accessibility of your website.","og_url":"https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/","og_site_name":"Master CAWEB","article_publisher":"https:\/\/www.facebook.com\/master.caweb","article_published_time":"2017-10-18T07:42:01+00:00","author":"cawebinte1","twitter_card":"summary_large_image","twitter_creator":"@mastercaweb","twitter_site":"@mastercaweb","twitter_misc":{"Written by":"cawebinte1","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/#article","isPartOf":{"@id":"https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/"},"author":{"name":"cawebinte1","@id":"https:\/\/mastercaweb.unistra.fr\/#\/schema\/person\/431b92909694c397fc8112e99e2ef4aa"},"headline":"7 Tips for Making Your Website More Accessible","datePublished":"2017-10-18T07:42:01+00:00","mainEntityOfPage":{"@id":"https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/"},"wordCount":458,"publisher":{"@id":"https:\/\/mastercaweb.unistra.fr\/#organization"},"image":{"@id":"https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/#primaryimage"},"thumbnailUrl":"","inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/","url":"https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/","name":"7 tips for making your website more accessible","isPartOf":{"@id":"https:\/\/mastercaweb.unistra.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/#primaryimage"},"image":{"@id":"https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/#primaryimage"},"thumbnailUrl":"","datePublished":"2017-10-18T07:42:01+00:00","description":"You wish to make your website more accessible? Here are a few guidelines and advices to follow to increase the accessibility of your website.","breadcrumb":{"@id":"https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/mastercaweb.unistra.fr\/actualites\/web\/7-tips-for-making-your-website-more-accessible\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/mastercaweb.unistra.fr\/en\/"},{"@type":"ListItem","position":2,"name":"7 Tips for Making Your Website More Accessible"}]},{"@type":"WebSite","@id":"https:\/\/mastercaweb.unistra.fr\/#website","url":"https:\/\/mastercaweb.unistra.fr\/","name":"Master CAWEB","description":"","publisher":{"@id":"https:\/\/mastercaweb.unistra.fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mastercaweb.unistra.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mastercaweb.unistra.fr\/#organization","name":"Master CAWEB","url":"https:\/\/mastercaweb.unistra.fr\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mastercaweb.unistra.fr\/#\/schema\/logo\/image\/","url":"https:\/\/mastercaweb.unistra.fr\/wp-content\/uploads\/2024\/03\/logo-caweb.webp","contentUrl":"https:\/\/mastercaweb.unistra.fr\/wp-content\/uploads\/2024\/03\/logo-caweb.webp","width":351,"height":100,"caption":"Master CAWEB"},"image":{"@id":"https:\/\/mastercaweb.unistra.fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/master.caweb","https:\/\/x.com\/mastercaweb"]},{"@type":"Person","@id":"https:\/\/mastercaweb.unistra.fr\/#\/schema\/person\/431b92909694c397fc8112e99e2ef4aa","name":"cawebinte1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5e4d7477db19aae8bc90c90565ae900f5ad6cb035ef4337cae03a3962f43935d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5e4d7477db19aae8bc90c90565ae900f5ad6cb035ef4337cae03a3962f43935d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5e4d7477db19aae8bc90c90565ae900f5ad6cb035ef4337cae03a3962f43935d?s=96&d=mm&r=g","caption":"cawebinte1"},"sameAs":["https:\/\/mastercaweb.unistra.fr"],"url":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/author\/cawebinte1\/"}]}},"_links":{"self":[{"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/posts\/3215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/comments?post=3215"}],"version-history":[{"count":1,"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/posts\/3215\/revisions"}],"predecessor-version":[{"id":21626,"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/posts\/3215\/revisions\/21626"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/media?parent=3215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/categories?post=3215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/tags?post=3215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}