https://wiki.diglib.org/api.php?action=feedcontributions&user=Mmcmahon&feedformat=atomDLF Wiki - User contributions [en]2024-03-29T13:16:44ZUser contributionsMediaWiki 1.41.0https://wiki.diglib.org/index.php?title=Google_Forms_Accessibility&diff=15835Google Forms Accessibility2021-07-27T13:12:37Z<p>Mmcmahon: /* Color Contrast and Focus Indicator */</p>
<hr />
<div>This page gathers the IT Subcommittee's resources and reviews of the accessibility of Google Forms. This page will be updated as new information is available or further reviews are conducted.<br />
<br />
== Accessibility Overview ==<br />
<br />
Our testing focused on creating/editing a Google Form, filling out a Google Form, and accessing Google Form results. We did not test Google Forms on mobile devices or apps. Overall, Google Forms are '''generally accessible''', with some problems; it is difficult to make images accessible, some templates and the default focus indicator have color contrast issues, and there is an increased cognitive load required for creating forms. <br />
<br />
=== Creating a Google Form ===<br />
<br />
In general, creating a Google Form is '''generally accessible''' via keyboard and/or screen reader, though there are some significant cognitive load issues with setting up longer and more complex surveys due to the amount of options you need to navigate through. If you are using a screen reader or keyboard navigation, you can save a lot of time by using the keyboard shortcuts. Adding description to images is very unintuitive, and the options are confusing. You need to consider the accessibility as well as the layout of the survey before you begin to create it in Google Forms, as much of the accessibility of the final form is dependent on the creator. <br />
<br />
=== Filling out a Google Form ===<br />
<br />
In general, filling out a Google Form is '''accessible if it is set up well'''. There are missing headers across the various templates, but the active buttons are easy to navigate. With some screen readers, you can get stuck in a short paragraph, long paragraph, or the “other” text-entry form elements, but you don’t need to reload the page in order to get out of it. <br />
<br />
=== Accessing Google Form Results ===<br />
<br />
The most accessible way to access the results is to '''export them to a Spreadsheet'''. It can be difficult to view the “Responses” tab with a screen reader. You need to make sure you switch from focus mode to browse mode with NVDA. Navigating the Responses page is also difficult due to the lack of headings and the confusing structure. Graphs are re-created in a badly formatted table that is readable to the screen reader. It is easier to navigate the Individual Responses with a screen reader, though you only get a general idea of the responses rather than a clear picture.<br />
<br />
== General Information ==<br />
* [https://static.googleusercontent.com/media/www.google.com/en//accessibility/static/pdf/google-forms-vpat.pdf VPAT] July 19, 2019<br />
* [https://support.google.com/docs/answer/3527854 Creating and editing Google Forms with a screen reader]<br />
* Google’s [https://www.google.com/accessibility/customers-partners/ Accessibility statement]<br />
* Google Forms [https://support.google.com/docs/answer/6281888?co=GENIE.Platform%3DDesktop&hl=en support documentation]<br />
* List of [https://support.google.com/docs/answer/6026976?hl=en Keyboard Shortcuts]<br />
<br />
== Known Accessibility Issues ==<br />
<br />
=== Keyboard Navigation ===<br />
<br />
If you are using a keyboard for navigation, or using a screen reader, it’s important to use the Keyboard Shortcuts. You cannot reorder questions while creating a Google Form without using the [https://support.google.com/docs/answer/6026976?hl=en Keyboard Shortcuts], as it’s a drag-and-drop action. The keyboard shortcuts will allow you to move a question up or down in the list. They will also save you much navigation time. The shortcuts aren’t linked from or listed on the Questions page, so you do have to look for them if you’ve never used a Google Workspace before. By default, when tabbing through the Questions page, you will be taken to the action menu items (which do not include their keyboard shortcuts) before you are taken to the actual editable areas of the form. <br />
<br />
When viewing the Responses, you must switch from focus mode to browse mode<br />
<br />
=== Images and Videos ===<br />
<br />
When adding images to a Google Form, you have two choices. It can be added as part of a question, or as an “Insert Image” option from the action menu. It is confusing as to how to add alt text or a description for the image depending on which way you include the image.<br />
<br />
When adding an image as part of a question, the only option is to add a caption (which is hidden in the “image options” menu). If you add a description as a caption, it will be read twice by a screen reader--once as the Alt Text and once as the caption. If you do not put in a caption, the image will be read as “Captionless image.” There is no option for Null Alt Text or to mark it as decorative.<br />
<br />
If you add an image from the action menu (so it appears as its own “question” with no action attributed to it), you are given several options for labelling the image. First there is an Image Title text entry area; this will appear as regular text (not a heading) above the image. Then there is a menu where you can add “hover text.” This serves as both Alt Text and as text that appears when you hover the mouse over the image. Finally, the image editing menu does not include the option to add a caption. <br />
<br />
YouTube videos can be embedded into a Google Form. You should be sure to have all videos subtitled. There is no way to automatically turn on or off the closed captions for individual YouTube videos within the Google Form, but you can control the embedded video player with a keyboard. <br />
<br />
=== Screen Reader ===<br />
<br />
In the Responses page, you must switch from focus mode to browse mode (in NVDA) in order to access any of the responses. The Summary page is very confusing, and defaults to displaying default types of graphs (you cannot select the type of graph you want the summary to display, or change colors). Graphs are also recreated as invisible tables for the screen reader, but they are not well-designed. It’s easier to access and navigate the Individual Responses page, but then you only get a general idea of the answers as opposed to the full overview. Overall, it’s likely easier to export the Responses as a spreadsheet and view them in your preferred application. When adding the Date question to a Google Form, the question will not be accessible to a screen reader unless you are viewing the live form.<br />
<br />
When filling out a Google Form, all the question types are technically accessible to the screen reader. A poorly designed question will be difficult for everyone, but can pose extra barriers to a person using a screen reader. <br />
<br />
=== Designing a Google Form ===<br />
<br />
It’s very important to think about the accessibility of the form before you set up your survey in Google Forms. For the most part, a screen reader and keyboard navigation can be used. However, if your questions are badly worded, or you have confusing options, it will add to the cognitive strain of the survey taker. Images are also difficult and confusing to make accessible as part of the Google Form. Different templates will have different color contrast issues. Before deploying a Google Form as a survey instrument, it should be tested for accessibility. <br />
<br />
=== Color Contrast and Focus Indicator ===<br />
<br />
[[File:Google Forms Color Contrast.png|thumb|alt=The colors that have perfect color contrast without edits are Red (#db4437), Purple (#673ab7), Indigo (#3f5ab5), and Blue Grey (#607d86). |The colors that have perfect color contrast without edits are Red (#db4437), Purple (#673ab7), Indigo (#3f5ab5), and Blue Grey (#607d86). ]]<br />
<br />
Different templates will have different color contrast issues, and should be tested before being deployed. By default, Google uses a gray focus indicator that also “grays” the button color, which might cause color contrast issues when creating a Google Form. When viewing the summary of responses, you cannot select or change the color of the charts, nor can you change the type of chart it displays.<br />
<br />
The colors on the default google form template that have perfect color contrast are: Red (#db4437), Purple (#673ab7), Indigo (#3f51b5), and Blue Grey (#607d86). For a sighted reference, refer to the photo on the right.<br />
<br />
== Other Resources ==<br />
* [https://oit.colorado.edu/services/messaging-collaboration/google-workspace/accessibility/forms Google Forms accessibility] by University of Colorado Boulder<br />
* [https://accessibility.psu.edu/forms/googleforms/ Google Forms accessibility] by PennState<br />
* [http://accessibility.dl.umn.edu/surveys-forms/google-forms Google Forms accessibility] by University of Minnesota<br />
* [https://www.perkinselearning.org/sites/elearning.perkinsdev1.org/files/Creating%20Accessible%20Google%20Forms_0.docx Creating Accessible Google Forms] [.docx] by Perkins<br />
<br />
<br />
* Back to [[Digital Accessibility Group|main Digital Accessibility Group page]].</div>Mmcmahonhttps://wiki.diglib.org/index.php?title=File:Google_Forms_Color_Contrast.png&diff=15834File:Google Forms Color Contrast.png2021-07-27T13:09:14Z<p>Mmcmahon: </p>
<hr />
<div>This is a screenshot of the default color selection for Google Forms default template.</div>Mmcmahonhttps://wiki.diglib.org/index.php?title=Accessibility_Auditing_Resources&diff=15677Accessibility Auditing Resources2021-02-26T16:57:02Z<p>Mmcmahon: /* Resources */</p>
<hr />
<div>This document gathers links, citations, and other resources related to doing an accessibility audit, technologies that may require audits, and resources for developers.<br />
<br />
== Web Accessibility Audit ==<br />
<br />
=== Standards Documentation ===<br />
<br />
* [https://www.w3.org/TR/WCAG21/ WCAG 2.1]: Web Content Accessibility Guidelines<br />
* [https://www.w3.org/TR/wai-aria/ WAI-ARIA 1.1]: Accessible Rich Internet Applications<br />
* [https://www.w3.org/TR/wai-aria-practices-1.1/ WAI-ARIA Authoring Practices 1.1]<br />
<br />
=== Resources ===<br />
<br />
* [https://pressbooks.library.ryerson.ca/pwaa/ Professional Web Accessibility Auditing Made Easy]: Chang School online book<br />
* [https://leap-project.blogspot.com/p/about.html LEAP]: Library E-content Access Project<br />
* [https://accessibility.psu.edu/testing/ Penn State Testing/Triage]<br />
* [https://kb.iu.edu/d/atm Indiana University]: Perform an Accessibility Review on Your Website<br />
* [https://a11yproject.com/ The A11y Project]<br />
* [https://www.unimelb.edu.au/accessibility/project-management/responsibility-breakdown WCAG 2.1 AA Project Management Responsibility Breakdown] - University of Melbourne<br />
* [https://theappbusiness.github.io/accessibility-guidelines/ Plain Language Summary of Accessibility Guidelines] (beta)<br />
* [https://webaim.org/resources/ WebAIM Training Resources] <br />
* [https://accessibility.its.uconn.edu/accessibility-audit-methodology-web-dev-and-design/ UConn’s Accessibility Audit Methodology]<br />
* [https://www.udacity.com/course/web-accessibility--ud891 Web Accessibility by Google]<br />
<br />
=== Checklists ===<br />
<br />
* [https://webaim.org/standards/wcag/checklist Webaim WCAG 2 Checklist]<br />
* [https://accessibility.voxmedia.com/ Vox Media Checklist]<br />
* [https://accessibility.expedia.biz/ Expedia Checklist]<br />
* [https://www.wuhcag.com/wcag-checklist/ WUHCAG: WCAG 2.0 Checklists]<br />
* [https://romeo.elsevier.com/accessibility_checklist/ Elsevier Web Accessibility Checklist]<br />
<br />
=== Tools ===<br />
<br />
* [https://www.w3.org/WAI/ER/tools/ W3C Web Accessibility Evaluation Tools List]<br />
* [https://wave.webaim.org/extension/ WAVE Accessibility Evaluation Tool]<br />
* [https://chrome.google.com/webstore/detail/siteimprove-accessibility/efcfolpjihicnikpmhnmphjhhpiclljc?hl=en SiteImprove Accessibility Checker]: Chrome extension <br />
* [https://chrome.google.com/webstore/detail/axe/lhdoppojpmngadmnindnejefpokejbdd?hl=en aXe]: Chrome plugin for developer tools<br />
* [https://accessibilityinsights.io/docs/en/web/overview Accessible Insights for Web]: Chrome extension (Microsoft)<br />
* [http://squizlabs.github.io/HTML_CodeSniffer/ HTML_CodeSniffer]: Chrome, Firefox, Safari, and IE extension<br />
* [https://daisy.github.io/ace/getting-started/ace-app/ The Ace App]: EPUB accessibility checker<br />
* [https://webaim.org/resources/contrastchecker/ WebAIM Color Contrast Checker]<br />
* [https://chrome.google.com/webstore/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi?hl=en headingsMap]: Chrome extension<br />
* [https://nomouse.org/ The No Mouse Challenge]: testing keyboard-only access on websites<br />
<br />
=== Screen Reader Testing ===<br />
<br />
* [https://webaim.org/articles/screenreader_testing/ Testing with Screen Readers Q&A]: WebAIM <br />
* [http://www.nvaccess.org/ NVDA]: Windows, free<br />
* [https://www.howtogeek.com/392013/how-to-use-windows-narrator/ Windows Narrator]: free<br />
* [http://www.apple.com/accessibility/osx/voiceover/ VoiceOver]: Mac OS X and iOS, free<br />
* [https://support.freedomscientific.com/Downloads/JAWS JAWS]: Windows, paid<br />
* [https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback TalkBack]: Android, free<br />
* [http://www.chromevox.com/ ChromeVox]: Chrome, Windows, and Mac OS X, free<br />
<br />
== Software Procurement Audit ==<br />
* [https://www.w3.org/WAI/standards-guidelines/atag/ ATAG]: Authoring Tool Accessibility Guidelines<br />
** [https://www.w3.org/WAI/atag/report-tool/ ATAG Report Tool]<br />
* [https://www.btaa.org/library/accessibility/library-e-resource-accessibility--testing Big Ten Academic Alliance]<br />
* [https://www.itic.org/policy/accessibility/vpat Voluntary Product Accessibility Template]<br />
** [https://www.section508.gov/sell/vpat Guidance on preparing a VPAT]<br />
** [https://www.accessibilityoz.com/2019/09/how-to-read-a-vpat/ How to Read a VPAT]<br />
* [https://private.disabilityin.org/procurementtoolkit/wp-content/uploads/sites/13/2019/07/DisabilityINclusiveWorkplaces_AccessibleTechnologyProcurementToolkit_5.pdf Accessible Technology Procurement Toolkit by Disability:INclusive Workspaces] (PDF)<br />
<br />
== Software or Technology to be Audited ==<br />
* Institutional Repositories<br />
** bePress<br />
* Commercial Article Databases<br />
** [https://www.btaa.org/library/accessibility/library-e-resource-accessibility--testing Big 10 Academic Alliance] database testing <br />
* Video Chat software<br />
** [[Zoom Accessibility]]<br />
** LibAnswers<br />
* Zotero and bibliographic content managers<br />
** Zotero<br />
** Mendelay<br />
* Social Media platforms<br />
** [https://www.accessibilityoz.com/about/articles/#socialmediaarticles AccessibilityOz annual review of social media]<br />
<br />
== Web Development ==<br />
* [https://pressbooks.library.ryerson.ca/wafd/ Web Accessibility For Developers]: Chang school online book<br />
* [https://www.w3.org/WAI/fundamentals/accessibility-intro/ Web Accessibility Initiative (WAI) Fundamentals]<br />
* [https://www.washington.edu/accessibility/checklist/ University of Washington Developing Accessible Website Guide]<br />
* [http://accessibility-handbook.mybluemix.net/design/a11y-handbook/ IBM Accessibility Handbook]<br />
* [http://ebay.github.io/mindpatterns/index.html Accessibility Patterns for the Web] (ebay)<br />
* [https://a11y-style-guide.com/style-guide/ A11y Style Guide]<br />
* [https://developer.mozilla.org/en-US/docs/Learn/Accessibility MDN Web Docs Accessibility] <br />
* [https://www.accessibility-developer-guide.com/examples/ Accessibility Developer Guide Examples]<br />
* [https://lightningdesignsystem.com/accessibility/patterns/overview/ SalesForce Accessibility Patterns in Design System]<br />
* [https://davatron5000.github.io/a11y-nutrition-cards/ A11y Nutrition Cards]: To simplify accessible components based on WAI-ARIA <br />
* [https://de.ryerson.ca/wa/aria/ WAI-ARIA Accessible Web Interactivity Exercises]<br />
* [https://www.dhs.gov/trusted-tester Section 508 Trusted Tester Conformance Test Process]<br />
<br />
== Courses ==<br />
* [https://www.digitala11y.com/digital-accessibility-courses-roundup/ Digital A11y Digital Accessibility Courses Roundup]<br />
* [https://www.udacity.com/course/web-accessibility--ud891 Udacity Web Accessibility Course] by Google<br />
<br />
<br />
* Back to [[Digital Accessibility Group|main Digital Accessibility Group page]].</div>Mmcmahon