Changes

Accessibility

526 bytes added, 23 January
m
California AB 434
The most commonly used screen readers are:
* JAWS (Job Access with Speech) used with Chrome: [https://support.freedomscientific.com/Downloads/JAWS%20 Download] | [https://webaim.org/articles/jaws/ Instructions]* NVDA screen reader: [https://www.nvaccess.org/download/ Download] | [https://webaim.org/articles/nvda/%20 Instructions]
* Apple’s OS X VoiceOver (built in screen reader for the Mac)
Visit the [https://www.ada.gov/ ADA website] to learn more.
 
===California AB 434===
California legislation mandates all state agencies and entities must display signed certification demonstrating the website's adherence to the Web Content Accessibility Guidelines (WCAG) 2.0 or higher.
 
Visit the [https://leginfo.legislature.ca.gov/faces/billNavClient.xhtml?bill_id=201720180AB434 ca.gov website] to learn more.
===European Accessibility Act (EAA)===
===Other Tools===
[https://validator.w3.org/ '''W3C Markup Validator'''] - Check the markup validity of web documents (HTML, XHTML, etc.)
 
[https://jigsaw.w3.org/css-validator/ '''W3C CSS Validator'''] - Check the markup validity of CSS
[https://accessible-colors.com/ '''Accessible Colors'''] - Check the contrast ratio of text over a background including size and weight.
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 instead of many tabs. You may also want to consider enabling or disabling the '''Title Bar Navigation Pane'''. 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|alt=Screenshot of softwarejump to menu|800px|The optional <strong>Title Bar Navigation Pane</strong> as seen on a Level 1 grant.]]
When configuring portals, each portal section '''Title''' will display as an '''H2''' heading. If you want the text specified for '''Caption''' of the '''Main Menu''' link to be displayed as an '''H1''' heading, toggle on '''Display As Title'''.
[[File:2020-a11y-display-as-title.png|thumb|none|alt=Screenshot of softwareheadings|800px|The setting to have the Main Menu link displayed as a Heading 1 inside a portal.]]
[[File:2020-a11y-home.png|thumb|none|alt=Screenshot of portal with headings||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===
If you use the session timeout, your users will get an alert with an option to continue working if they have been inactive for the set time.
[[File:A11y-timeout.png|thumb|none|alt=Screenshot of time out screen||400px|The display of the session timeout alert seen by users if they have been inactive for the specified time.]]
The session timeout settings are located Menu '''Icon''' > '''Global Settings''' > '''Security''' Tab.
Smartstaff
2,091
edits