{"id":650,"date":"2025-03-18T11:48:41","date_gmt":"2025-03-18T11:48:41","guid":{"rendered":"https:\/\/docs.brickfield.ie\/accessibilitytookit-admin\/?page_id=650"},"modified":"2025-09-26T14:42:08","modified_gmt":"2025-09-26T13:42:08","slug":"layout-accessibility-tips","status":"publish","type":"page","link":"https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/layout-accessibility-tips\/","title":{"rendered":"Layout accessibility tips"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"650\" class=\"elementor elementor-650\" data-elementor-post-type=\"page\">\n\t\t\t\t<header class=\"elementor-element elementor-element-2a40cb2 e-flex e-con-boxed e-con e-parent\" data-id=\"2a40cb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ff4599 elementor-widget elementor-widget-template\" data-id=\"9ff4599\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"4821\" class=\"elementor elementor-4821\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45b9365 e-flex e-con-boxed e-con e-parent\" data-id=\"45b9365\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-928bb9e elementor-widget elementor-widget-image\" data-id=\"928bb9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"811\" height=\"186\" src=\"https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/wp-content\/uploads\/sites\/56\/2025\/09\/brickfield-logo-2.png\" class=\"attachment-full size-full wp-image-5266\" alt=\"Brickfield Education Labs\" srcset=\"https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/wp-content\/uploads\/sites\/56\/2025\/09\/brickfield-logo-2.png 811w, https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/wp-content\/uploads\/sites\/56\/2025\/09\/brickfield-logo-2-300x69.png 300w, https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/wp-content\/uploads\/sites\/56\/2025\/09\/brickfield-logo-2-768x176.png 768w\" sizes=\"(max-width: 811px) 100vw, 811px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/header>\n\t\t<nav class=\"elementor-element elementor-element-ea1bf37 e-flex e-con-boxed e-con e-parent\" data-id=\"ea1bf37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2fd4ae elementor-widget elementor-widget-text-editor\" data-id=\"c2fd4ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/\">Home<\/a> &#8211; <a href=\"https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/category-future-proof\/\">Future-proof<\/a> &#8211; <a href=\"https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/category-accessibility-tips\/\">Accessibility Tips<\/a> &#8211; Layout accessibility tips<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/nav>\n\t\t<main class=\"elementor-element elementor-element-c2c857b e-con-full e-flex e-con e-parent\" data-id=\"c2c857b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e37b3c8 banner e-flex e-con-boxed e-con e-child\" data-id=\"e37b3c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-faa0c27 e-con-full e-flex e-con e-child\" data-id=\"faa0c27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0dc079 elementor-widget elementor-widget-heading\" data-id=\"d0dc079\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Brickfield Enable: Layout accessibility tips<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<section class=\"elementor-element elementor-element-f7e8e07 e-flex e-con-boxed e-con e-child\" data-id=\"f7e8e07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6e3516b e-con-full e-flex e-con e-child\" data-id=\"6e3516b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba2d7c5 elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"ba2d7c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;exclude_headings_by_selector&quot;:[],&quot;no_headings_message&quot;:&quot;No headings were found on this page.&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;,&quot;h4&quot;,&quot;h5&quot;,&quot;h6&quot;],&quot;marker_view&quot;:&quot;numbers&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t\t\t\t<h2 class=\"elementor-toc__header-title\">\n\t\t\t\tTable of Contents\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__ba2d7c5\" aria-expanded=\"true\" aria-label=\"Open table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__ba2d7c5\" aria-expanded=\"true\" aria-label=\"Close table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<div id=\"elementor-toc__ba2d7c5\" class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<svg class=\"elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading\" aria-hidden=\"true\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c6c20e e-con-full e-flex e-con e-child\" data-id=\"2c6c20e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ea579e elementor-widget elementor-widget-heading\" data-id=\"9ea579e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Introduction<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65d5b18 elementor-widget elementor-widget-text-editor\" data-id=\"65d5b18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Good page design, layout and navigation are essential for some users and helpful for all users. A consistent, predictable layout makes navigation efficient for all users, especially for those relying on assistive technologies.<\/p><ul><li>Organize your contents in a logical, clear and sequential manner.<\/li><li>Use section headings and meaningful titles per topic so it&#8217;s easier to read and understand.<\/li><li>Use mobile-first designed themes and CSS frameworks for layouts, which means your content is accessible across all devices.<\/li><li>Use consistent, persistent navigation with meaningful and clear terminology.<\/li><li>Make sure it is possible to navigate through menus and submenus without using a mouse.<\/li><li>Provide ways for a keyboard user to skip over menus to the body text.<\/li><li>Do use heading elements as provided by your text editor to differentiate titles from text and to show its hierarchy.<\/li><li>Use headings in a logical, sequential order, from H3 (Moodle page output uses H1 and H2 already) to H4 to H5.<\/li><li>Ensure strong enough contrast between text and its background, and be wary of light shades, especially grey and yellow.<\/li><li>Create proper list elements using your text editor tools. Remember to finish each item with a period or comma as appropriate.<\/li><li>Provide precise and clear instructions for any tasks or activities.<\/li><\/ul><p>\u00a0<\/p><p>Remember! Good content navigation allows all users to quickly grasp an overview of the topics and navigate instantly to any section. This is especially helpful to people accessing your material with a screenreader &#8211; it is the only way they can scan long content without having to listen to every word.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t<\/main>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home &#8211; Future-proof &#8211; Accessibility Tips &#8211; Layout accessibility tips Brickfield Enable: Layout accessibility tips Table of Contents Introduction Good page design, layout and navigation are essential for some users and helpful for all users. A consistent, predictable layout makes navigation efficient for all users, especially for those relying on assistive technologies. Organize your contents [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-650","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/wp-json\/wp\/v2\/pages\/650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/wp-json\/wp\/v2\/comments?post=650"}],"version-history":[{"count":25,"href":"https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/wp-json\/wp\/v2\/pages\/650\/revisions"}],"predecessor-version":[{"id":5223,"href":"https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/wp-json\/wp\/v2\/pages\/650\/revisions\/5223"}],"wp:attachment":[{"href":"https:\/\/docs.brickfield.ie\/brickfieldenable-admin\/wp-json\/wp\/v2\/media?parent=650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}