{"id":3742,"date":"2022-08-11T08:23:40","date_gmt":"2022-08-11T08:23:40","guid":{"rendered":"https:\/\/digitaaltoegankelijk.nl\/?post_type=wcag-uitgelegd&#038;p=3742"},"modified":"2024-03-14T15:28:12","modified_gmt":"2024-03-14T15:28:12","slug":"2-4-11-focus-verschijning-wcag-2-2-niveau-aa","status":"publish","type":"wcag-uitgelegd","link":"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-11-focus-verschijning-wcag-2-2-niveau-aa\/","title":{"rendered":"2.4.11 &#8211; Focus niet bedekt (minimum) (WCAG 2.2) &#8211; Niveau AA"},"content":{"rendered":"<!-- RS_MODULE_CODE_2.4.7 --><div id=\"readspeaker_button3742\" class=\"rs_skip rsbtn rs_preserve\"><a class=\"rsbtn_play\" title=\"Laat de tekst voorlezen met ReadSpeaker\" accesskey=\"L\" href=\"https:\/\/app-eu.readspeaker.com\/cgi-bin\/rsent?customerid=11411&amp;lang=nl_nl&amp;readid=rspeak_read_3742&amp;url=https%3A%2F%2Fdigitaaltoegankelijk.nl%2Fwp-json%2Fwp%2Fv2%2Fwcag-uitgelegd%2F3742\">\r\n        <span class=\"rsbtn_left rsimg rspart\"><span class=\"rsbtn_text\"><span>Lees Voor<\/span><\/span><\/span>\r\n        <span class=\"rsbtn_right rsimg rsplay rspart\"><\/span>\r\n        <\/a><\/div><div id=\"rspeak_read_3742\">\n<h1 class=\"wp-block-heading\">2.4.11 Focus niet bedekt (minimum) (WCAG 2.2) &#8211; Niveau AA<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">Zorg dat de toetsenbord focus niet volledig bedekt is door content<\/h2>\n\n\n\n<p><strong><strong>Let op<\/strong>: <\/strong>dit is een succescriterium van <a href=\"https:\/\/digitaaltoegankelijk.nl\/nieuws\/wat-is-er-nieuw-in-de-wcag-2-2\/\">versie 2.2 van de WCAG<\/a>. Dit criterium is nog niet van kracht in de huidige versie van de WCAG, versie 2.1.<\/p>\n\n\n\n<p>WCAG 2.1 stelde met <a href=\"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-7-toetsenbord-begeleiding-wcag-niveau-aa\/\">criterium 2.4.7<\/a> dat een zichtbare focus verplicht is. Het moet voor gebruikers zichtbaar zijn welke componenten van de gebruikersinterface focus krijgen. Maar, dit criterium zegt niets over de weergave van de focus. WCAG 2.2 gaat hier met 2.4.11, 2.4.12 en 2.4.13 dieper op in. Zowel 2.4.11 als 2.4.12 zijn gericht op de zichtbaarheid van de focus, maar in verschillende mate.<\/p>\n\n\n\n<p>Voor bezoekers die afhankelijk zijn van het gebruik van een toetsenbord, zoals mensen met mobiliteitsproblemen, is het zeer belangrijk om te weten welk element de focus ontvangt. Zonder zichtbare focus weten zij niet op welk gedeelte van de pagina ze zich bevinden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wat te doen:<\/h2>\n\n\n\n<p>Om te voldoen aan succescriterium 2.4.11 mag de focus niet volledig overlapt worden door andere content. Voorbeelden van deze content zijn sticky headers die meescrollen met de gebruiker, aanvullende menu\u2019s die verschijnen of verschillende tabs op eenzelfde pagina. <\/p>\n\n\n\n<p>Wanneer content een gedeelte van de focus verbergt, maar een ander gedeelte van de focus nog zichtbaar is, kan er nog aan 2.4.11 worden voldaan. <\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<!-- RS_MODULE_CODE_2.4.7 --><div id=\"readspeaker_button3742\" class=\"rs_skip rsbtn rs_preserve\"><a class=\"rsbtn_play\" title=\"Laat de tekst voorlezen met ReadSpeaker\" accesskey=\"L\" href=\"https:\/\/app-eu.readspeaker.com\/cgi-bin\/rsent?customerid=11411&amp;lang=nl_nl&amp;readid=rspeak_read_3742&amp;url=https%3A%2F%2Fdigitaaltoegankelijk.nl%2Fwp-json%2Fwp%2Fv2%2Fwcag-uitgelegd%2F3742\">\r\n        <span class=\"rsbtn_left rsimg rspart\"><span class=\"rsbtn_text\"><span>Lees Voor<\/span><\/span><\/span>\r\n        <span class=\"rsbtn_right rsimg rsplay rspart\"><\/span>\r\n        <\/a><\/div><div id=\"rspeak_read_3742\"><p> 2.4.11 Focus niet bedekt (minimum) (WCAG 2.2) &#8211; Niveau AA Zorg dat de toetsenbord focus niet volledig bedekt is door content Let op: dit is een succescriterium van&#8230;<\/p>\n<\/div>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>2.4.11 - Focus niet bedekt (minimum) (WCAG 2.2) - Niveau AA &#8212; Digitaal Toegankelijk<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-11-focus-verschijning-wcag-2-2-niveau-aa\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"2.4.11 - Focus niet bedekt (minimum) (WCAG 2.2) - Niveau AA &#8212; Digitaal Toegankelijk\" \/>\n<meta property=\"og:description\" content=\"Lees Voor 2.4.11 Focus niet bedekt (minimum) (WCAG 2.2) &#8211; Niveau AA Zorg dat de toetsenbord focus niet volledig bedekt is door content Let op: dit is een succescriterium van...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-11-focus-verschijning-wcag-2-2-niveau-aa\/\" \/>\n<meta property=\"og:site_name\" content=\"Digitaal Toegankelijk\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-14T15:28:12+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-11-focus-verschijning-wcag-2-2-niveau-aa\/\",\"url\":\"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-11-focus-verschijning-wcag-2-2-niveau-aa\/\",\"name\":\"2.4.11 - Focus niet bedekt (minimum) (WCAG 2.2) - Niveau AA &#8212; Digitaal Toegankelijk\",\"isPartOf\":{\"@id\":\"https:\/\/digitaaltoegankelijk.nl\/#website\"},\"datePublished\":\"2022-08-11T08:23:40+00:00\",\"dateModified\":\"2024-03-14T15:28:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-11-focus-verschijning-wcag-2-2-niveau-aa\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-11-focus-verschijning-wcag-2-2-niveau-aa\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-11-focus-verschijning-wcag-2-2-niveau-aa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Homepage\",\"item\":\"https:\/\/digitaaltoegankelijk.nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"2.4.11 &#8211; Focus niet bedekt (minimum) (WCAG 2.2) &#8211; Niveau AA\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digitaaltoegankelijk.nl\/#website\",\"url\":\"https:\/\/digitaaltoegankelijk.nl\/\",\"name\":\"Digitaal Toegankelijk\",\"description\":\"Alles over Digitale Toegankelijkheid, Accessibility en de WCAG\",\"publisher\":{\"@id\":\"https:\/\/digitaaltoegankelijk.nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digitaaltoegankelijk.nl\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/digitaaltoegankelijk.nl\/#organization\",\"name\":\"Digitaal Toegankelijk\",\"url\":\"https:\/\/digitaaltoegankelijk.nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/digitaaltoegankelijk.nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/digitaaltoegankelijk.nl\/wp-content\/uploads\/2022\/03\/logo-concept-20220329.svg\",\"contentUrl\":\"https:\/\/digitaaltoegankelijk.nl\/wp-content\/uploads\/2022\/03\/logo-concept-20220329.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"Digitaal Toegankelijk\"},\"image\":{\"@id\":\"https:\/\/digitaaltoegankelijk.nl\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"2.4.11 - Focus niet bedekt (minimum) (WCAG 2.2) - Niveau AA &#8212; Digitaal Toegankelijk","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:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-11-focus-verschijning-wcag-2-2-niveau-aa\/","og_locale":"nl_NL","og_type":"article","og_title":"2.4.11 - Focus niet bedekt (minimum) (WCAG 2.2) - Niveau AA &#8212; Digitaal Toegankelijk","og_description":"Lees Voor 2.4.11 Focus niet bedekt (minimum) (WCAG 2.2) &#8211; Niveau AA Zorg dat de toetsenbord focus niet volledig bedekt is door content Let op: dit is een succescriterium van...","og_url":"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-11-focus-verschijning-wcag-2-2-niveau-aa\/","og_site_name":"Digitaal Toegankelijk","article_modified_time":"2024-03-14T15:28:12+00:00","twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"2 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-11-focus-verschijning-wcag-2-2-niveau-aa\/","url":"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-11-focus-verschijning-wcag-2-2-niveau-aa\/","name":"2.4.11 - Focus niet bedekt (minimum) (WCAG 2.2) - Niveau AA &#8212; Digitaal Toegankelijk","isPartOf":{"@id":"https:\/\/digitaaltoegankelijk.nl\/#website"},"datePublished":"2022-08-11T08:23:40+00:00","dateModified":"2024-03-14T15:28:12+00:00","breadcrumb":{"@id":"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-11-focus-verschijning-wcag-2-2-niveau-aa\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-11-focus-verschijning-wcag-2-2-niveau-aa\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/2-4-11-focus-verschijning-wcag-2-2-niveau-aa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Homepage","item":"https:\/\/digitaaltoegankelijk.nl\/"},{"@type":"ListItem","position":2,"name":"2.4.11 &#8211; Focus niet bedekt (minimum) (WCAG 2.2) &#8211; Niveau AA"}]},{"@type":"WebSite","@id":"https:\/\/digitaaltoegankelijk.nl\/#website","url":"https:\/\/digitaaltoegankelijk.nl\/","name":"Digitaal Toegankelijk","description":"Alles over Digitale Toegankelijkheid, Accessibility en de WCAG","publisher":{"@id":"https:\/\/digitaaltoegankelijk.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digitaaltoegankelijk.nl\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/digitaaltoegankelijk.nl\/#organization","name":"Digitaal Toegankelijk","url":"https:\/\/digitaaltoegankelijk.nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/digitaaltoegankelijk.nl\/#\/schema\/logo\/image\/","url":"https:\/\/digitaaltoegankelijk.nl\/wp-content\/uploads\/2022\/03\/logo-concept-20220329.svg","contentUrl":"https:\/\/digitaaltoegankelijk.nl\/wp-content\/uploads\/2022\/03\/logo-concept-20220329.svg","width":"1024","height":"1024","caption":"Digitaal Toegankelijk"},"image":{"@id":"https:\/\/digitaaltoegankelijk.nl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/digitaaltoegankelijk.nl\/wp-json\/wp\/v2\/wcag-uitgelegd\/3742"}],"collection":[{"href":"https:\/\/digitaaltoegankelijk.nl\/wp-json\/wp\/v2\/wcag-uitgelegd"}],"about":[{"href":"https:\/\/digitaaltoegankelijk.nl\/wp-json\/wp\/v2\/types\/wcag-uitgelegd"}],"author":[{"embeddable":true,"href":"https:\/\/digitaaltoegankelijk.nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaaltoegankelijk.nl\/wp-json\/wp\/v2\/comments?post=3742"}],"version-history":[{"count":4,"href":"https:\/\/digitaaltoegankelijk.nl\/wp-json\/wp\/v2\/wcag-uitgelegd\/3742\/revisions"}],"predecessor-version":[{"id":5336,"href":"https:\/\/digitaaltoegankelijk.nl\/wp-json\/wp\/v2\/wcag-uitgelegd\/3742\/revisions\/5336"}],"wp:attachment":[{"href":"https:\/\/digitaaltoegankelijk.nl\/wp-json\/wp\/v2\/media?parent=3742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}