Smartstaff, administrator
3,320
edits
Changes
→Use title bars (headings) and tabs
Chunk like content under the '''Layout – Title bar''' custom field to make it easier to navigate to sets of content. The '''layout – title bar''' custom field is '''H2''' (heading level 2). In contrast the name field at the top of object pages is an '''H1''' (heading level 1). By using the title bar field, people using assistive technology can quickly jump or skip content to get from one header (section of content) to another.
Note: Many users prefer longer pages over many tabs. Some users may find it difficult to navigate between tabs, especially scrolling tabs when there are more tabs then can fit on screen. Also, your users may prefer to scroll down over navigating left to right as this a common practice on mobile devices. For these reasons your users may prefer longer pages with title bars over instead of many tabs. You may also want to consider enabling or disabling the '''Title Bar Navigation Pane'''. Enabling this This setting will display a navigation pane on your forms that allows your users to easily navigate between various titled sections of a form. This setting is found under menu icon > global settings > branding tab.
[[File:2020-07-ticket-111287-1.png|thumb|none|800px|The optional <strong>Title Bar Navigation Pane</strong> as seen on a Level 1 grant.]]
[[File:2020-a11y-display-as-title.png|thumb|none|800px|The setting to have the Main Menu link displayed as a Heading 1 inside a portal.]]
[[File:2020-a11y-home.png|thumb|none|800px|How the '''<strong>H1''' </strong> and '''<strong>H2''' </strong> headers look when using the white paper theme in a portal with '''<strong>Display As Title''' </strong> toggled on.]]
===Contrast ratio of text and background===
