{"id":2659,"date":"2020-01-19T13:16:35","date_gmt":"2020-01-19T13:16:35","guid":{"rendered":"https:\/\/nieuw.digitaaltoegankelijk.nl\/wcag_uitgelegd\/3-2-1-focus-wcag-niveau-a\/"},"modified":"2022-04-13T14:52:31","modified_gmt":"2022-04-13T14:52:31","slug":"3-2-1-focus-wcag-niveau-a","status":"publish","type":"wcag-uitgelegd","link":"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/3-2-1-focus-wcag-niveau-a\/","title":{"rendered":"3.2.1 &#8211; Focus (WCAG) | Niveau A"},"content":{"rendered":"<!-- RS_MODULE_CODE_2.4.7 --><div id=\"readspeaker_button2659\" 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_2659&amp;url=https%3A%2F%2Fdigitaaltoegankelijk.nl%2Fwp-json%2Fwp%2Fv2%2Fwcag-uitgelegd%2F2659\">\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_2659\"><h1>3.2.1 &#8211; Focus (WCAG) | Niveau A<\/h1>\n<h2><strong>Elementen veranderen niet wanneer ze focus krijgen<\/strong><\/h2>\n<p>Als jouw website niet werkt zoals gebruikers verwachten, gaan ze weg en komen ze vaak niet meer terug.<\/p>\n<p>Focus is van vitaal belang bij het overwegen van wat er op jouw website gebeurt wanneer gebruikers elementen zoals formulieren, video&#8217;s en andere interactieve elementen bereiken. Zodra een element focus krijgt van gebruikers, of het nu met een muis of toetsenbord is, mag het element niet automatisch veranderen (bekend als &#8216;veranderen van focus&#8217;). Dit kan gebruikers desori\u00ebnteren.<\/p>\n<p>Een verandering van focus is vooral lastig voor gebruikers die met het toetsenbord navigeren.<\/p>\n<h2>Wat te doen<\/h2>\n<ul>\n<li>Zorg ervoor dat geen enkel element verandert door focus te ontvangen.<\/li>\n<li>Vermijd zowel gedrags- als visuele aanpassingen.<\/li>\n<\/ul>\n<p>Verzeker dat:<\/p>\n<ul>\n<li>Links niet\u00a0openen automatisch op focus; en<\/li>\n<li>Formulieren worden niet verzonden zonder dat de gebruiker actie onderneemt (zoals klikken op de knop &#8216;Verzenden&#8217;);\u00a0en<\/li>\n<li>Er zijn geen automatische pop-ups.<\/li>\n<\/ul>\n<h2>Tips<\/h2>\n<ul>\n<li>De meeste goed gemaakte websites zullen standaard geen van deze fouten bevatten, je zou moeten kiezen om verandering in focus toe te voegen.<\/li>\n<li>Een geweldige manier om deze richtlijn te testen, is door jouw muis los te koppelen en door jouw website te navigeren. Als er iets beweegt, doe er iets aan!<\/li>\n<\/ul>\n<h2>Uitzonderingen<\/h2>\n<p>Elementen kunnen bij focus veranderen als de context niet verandert. Je kan bijvoorbeeld een dynamisch menu op jouw website gebruiken, zoals navigatie-opties die worden uitgeschakeld wanneer je over een item zweeft. Dit is geen verandering van context.<\/p>\n<p>Een ander voorbeeld is een zweef status over een link, nogmaals, dit is geen verandering van context.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<!-- RS_MODULE_CODE_2.4.7 --><div id=\"readspeaker_button2659\" 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_2659&amp;url=https%3A%2F%2Fdigitaaltoegankelijk.nl%2Fwp-json%2Fwp%2Fv2%2Fwcag-uitgelegd%2F2659\">\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_2659\"><p> 3.2.1 &#8211; Focus (WCAG) | Niveau A Elementen veranderen niet wanneer ze focus krijgen Als jouw website niet werkt zoals gebruikers verwachten, gaan ze weg en komen ze&#8230;<\/p>\n<\/div>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-kennisbank.php","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>3.2.1 - Focus (WCAG) | Niveau A &#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\/3-2-1-focus-wcag-niveau-a\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3.2.1 - Focus (WCAG) | Niveau A &#8212; Digitaal Toegankelijk\" \/>\n<meta property=\"og:description\" content=\"Lees Voor 3.2.1 &#8211; Focus (WCAG) | Niveau A Elementen veranderen niet wanneer ze focus krijgen Als jouw website niet werkt zoals gebruikers verwachten, gaan ze weg en komen ze...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/3-2-1-focus-wcag-niveau-a\/\" \/>\n<meta property=\"og:site_name\" content=\"Digitaal Toegankelijk\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-13T14:52:31+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=\"1 minuut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/3-2-1-focus-wcag-niveau-a\/\",\"url\":\"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/3-2-1-focus-wcag-niveau-a\/\",\"name\":\"3.2.1 - Focus (WCAG) | Niveau A &#8212; Digitaal Toegankelijk\",\"isPartOf\":{\"@id\":\"https:\/\/digitaaltoegankelijk.nl\/#website\"},\"datePublished\":\"2020-01-19T13:16:35+00:00\",\"dateModified\":\"2022-04-13T14:52:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/3-2-1-focus-wcag-niveau-a\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/3-2-1-focus-wcag-niveau-a\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/3-2-1-focus-wcag-niveau-a\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Homepage\",\"item\":\"https:\/\/digitaaltoegankelijk.nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3.2.1 &#8211; Focus (WCAG) | Niveau A\"}]},{\"@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":"3.2.1 - Focus (WCAG) | Niveau A &#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\/3-2-1-focus-wcag-niveau-a\/","og_locale":"nl_NL","og_type":"article","og_title":"3.2.1 - Focus (WCAG) | Niveau A &#8212; Digitaal Toegankelijk","og_description":"Lees Voor 3.2.1 &#8211; Focus (WCAG) | Niveau A Elementen veranderen niet wanneer ze focus krijgen Als jouw website niet werkt zoals gebruikers verwachten, gaan ze weg en komen ze...","og_url":"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/3-2-1-focus-wcag-niveau-a\/","og_site_name":"Digitaal Toegankelijk","article_modified_time":"2022-04-13T14:52:31+00:00","twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"1 minuut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/3-2-1-focus-wcag-niveau-a\/","url":"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/3-2-1-focus-wcag-niveau-a\/","name":"3.2.1 - Focus (WCAG) | Niveau A &#8212; Digitaal Toegankelijk","isPartOf":{"@id":"https:\/\/digitaaltoegankelijk.nl\/#website"},"datePublished":"2020-01-19T13:16:35+00:00","dateModified":"2022-04-13T14:52:31+00:00","breadcrumb":{"@id":"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/3-2-1-focus-wcag-niveau-a\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/3-2-1-focus-wcag-niveau-a\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/digitaaltoegankelijk.nl\/wcag-uitgelegd\/3-2-1-focus-wcag-niveau-a\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Homepage","item":"https:\/\/digitaaltoegankelijk.nl\/"},{"@type":"ListItem","position":2,"name":"3.2.1 &#8211; Focus (WCAG) | Niveau A"}]},{"@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\/2659"}],"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=2659"}],"version-history":[{"count":0,"href":"https:\/\/digitaaltoegankelijk.nl\/wp-json\/wp\/v2\/wcag-uitgelegd\/2659\/revisions"}],"wp:attachment":[{"href":"https:\/\/digitaaltoegankelijk.nl\/wp-json\/wp\/v2\/media?parent=2659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}