Jump to content

Simple testing before you buy: Difference between revisions

From Swarthmore Knowledge Base
m Move page script moved page ALLY:Simple testing before you buy to Simple testing before you buy without leaving a redirect
Imported from Confluence
 
Line 1: Line 1:
This is a companion for the web page [https://www.swarthmore.edu/accessibility/guidelines-purchasers Guidelines for Purchasers] and focuses on how to do a simple evaluation of software accessibility.  
This is a companion for the web page [https://www.swarthmore.edu/accessibility/guidelines-purchasers Guidelines for Purchasers] and focuses on how to do a simple evaluation of software accessibility.


<span id="put-away-your-mousenavigate-with-a-keyboard-only"></span>
== Put Away Your Mouse—navigate with a keyboard only ==
== Put Away Your Mouse—navigate with a keyboard only ==


Line 10: Line 9:
Brief instructions on how to [http://bit.ly/2VnGHlQ navigate without using a mouse or trackpad.]
Brief instructions on how to [http://bit.ly/2VnGHlQ navigate without using a mouse or trackpad.]


<span id="run-a-lighthouse-report"></span>
== Run a Lighthouse Report ==
== Run a Lighthouse Report ==


<span style="color: rgb(32,33,36);">Lighthouse is an </span><span style="color: rgb(23,43,77);">open-source</span><span style="color: rgb(32,33,36);">, automated tool for improving the quality of web pages. </span>Install the [[ALLY:Automated_Web_Accessibility_Checkers_-_Lighthouse|Lighthouse browser extension]] and run a report.
Lighthouse is an open-source, automated tool for improving the quality of web pages. Install the [[Automated Web Accessibility Checkers - Lighthouse|Lighthouse browser extension]] and run a report.


<span id="use-high-contrast"></span>
== Use High Contrast ==
== Use High Contrast ==


Turn on high contrast mode to see if the page is legible for users with visual impairments.  
Turn on high contrast mode to see if the page is legible for users with visual impairments.


<span id="high-contrast-for-mac"></span>
=== High Contrast for Mac ===
=== High Contrast for Mac ===


<ul>
* Open '''System Settings'''
<li><p>Open '''System Settings'''</p></li>
* Go to '''Accessibility'''
<li><p>Go to '''Accessibility'''</p></li>
* Select '''Display''' from the list of options under '''Vision. '''On the resulting page, toggle '''Increase contrast ''' to '''on '''(blue).
<li><p>Select '''Display''' from the list of options under '''Vision.''' On the resulting page, toggle '''Increase contrast''' to '''on''' (blue).</p></li>
* This will reduce transparency in windows and make the borders of buttons, tabs, and other items more legible. If increasing the contrast is too stark a change for you, try selecting the setting right below it to '''Reduce transparency'''. This will make the semi-transparent headers of windows a solid gray.<br>
<li><p>This will reduce transparency in windows and make the borders of buttons, tabs, and other items more legible. If increasing the contrast is too stark a change for you, try selecting the setting right below it to '''Reduce transparency'''. This will make the semi-transparent headers of windows a solid gray.<br />
[[File:Screenshot 2024-08-20 at 4.24.18 PM.png|712px|alt=A screenshot of the Accessibility Display page in Apple's System Settings, with arrows pointing to the 'Increase Contrast' and 'Reduce Transparency' toggles.]]
</p>
<p>[[File:ALLY_Simple_testing_before_you_buy-Screenshot_2024-08-20_at_4.24.18PM.png|712px|center]]</p></li></ul>


<span id="high-contrast-for-windows"></span>
=== High Contrast for Windows ===
=== High Contrast for Windows ===


* Press the '''Windows logo key''' [[File:ALLY_Simple_testing_before_you_buy-1582749780695.png]] '''+ U''' to open '''Accessibility''' settings, then select '''Contrast Themes'''.
* Press the '''Windows logo key''' [[File:1582749780695.png|alt=An image of the Windows logo key, found in the lower left section of a standard Dell keyboard.]] '''+ U''' to open '''Accessibility''' settings, then select '''Contrast Themes'''.
* Windows 11 offers 4 contrast themes: '''Aquatic''', '''Desert''', '''Dusk''', and '''Night Sky'''. They can each be previewed on this page.
* Windows 11 offers 4 contrast themes: '''Aquatic''', '''Desert''', '''Dusk''', and '''Night Sky'''. They can each be previewed on this page.
* Each theme can be selected from the drop-down menu. Select '''Apply''' to test it out.
* Each theme can be selected from the drop-down menu. Select '''Apply''' to test it out.


<span id="turn-off-images"></span>
== Turn Off Images ==
== Turn Off Images ==


Line 47: Line 39:
* [https://www.wikihow.com/Disable-Images-in-Google-Chrome Change the settings of Chrome]. Other browsers have similar options
* [https://www.wikihow.com/Disable-Images-in-Google-Chrome Change the settings of Chrome]. Other browsers have similar options


<span id="check-for-captions-or-transcripts"></span>
== Check for captions or transcripts ==
== Check for captions or transcripts ==


What happens if you turn off sound for videos or audio files? How can you figure out what is going on? Is there a way to read captions? Are transcripts available?
What happens if you turn off sound for videos or audio files? How can you figure out what is going on? Is there a way to read captions? Are transcripts available?


[[Category:Accessibility]] [[Category:Navigation]] [[Category:Guide]]
{{AttachmentsSectionStart}}
* [[Media:ALLY_Simple_testing_before_you_buy-MacContrastIncrease.png]]
* [[Media:ALLY_Simple_testing_before_you_buy-WindowsLogoKey.png]]
* [[Media:ALLY_Simple_testing_before_you_buy-Start_icon.png]]


{{AttachmentsSectionEnd}}
[[Category:Accessibility]]


<!-- From bodyContent 20383249.mraw -->


<!-- Imported from Confluence page id=20381939 (https://swatkb.atlassian.net/wiki/spaces/ALLY/pages/20381939/Simple+testing+before+you+buy) -->

Latest revision as of 21:06, 8 May 2026

This is a companion for the web page Guidelines for Purchasers and focuses on how to do a simple evaluation of software accessibility.

Put Away Your Mouse—navigate with a keyboard only

Using just the tab, arrows, space bar, and return/enter keys, can you get to the important parts of a page like a menu and any dropdowns? What about buttons or the search field on the page?

As you are using the keyboard to navigate through the page, do you see any “focus indicators” letting you know where you are on the page? A focus indicator is a visual marker that shows you what element on a page has focus; it should be very obvious.

Brief instructions on how to navigate without using a mouse or trackpad.

Run a Lighthouse Report

Lighthouse is an open-source, automated tool for improving the quality of web pages. Install the Lighthouse browser extension and run a report.

Use High Contrast

Turn on high contrast mode to see if the page is legible for users with visual impairments.

High Contrast for Mac

  • Open System Settings
  • Go to Accessibility
  • Select Display from the list of options under Vision. On the resulting page, toggle Increase contrast to on (blue).
  • This will reduce transparency in windows and make the borders of buttons, tabs, and other items more legible. If increasing the contrast is too stark a change for you, try selecting the setting right below it to Reduce transparency. This will make the semi-transparent headers of windows a solid gray.

A screenshot of the Accessibility Display page in Apple's System Settings, with arrows pointing to the 'Increase Contrast' and 'Reduce Transparency' toggles.

High Contrast for Windows

  • Press the Windows logo key An image of the Windows logo key, found in the lower left section of a standard Dell keyboard. + U to open Accessibility settings, then select Contrast Themes.
  • Windows 11 offers 4 contrast themes: Aquatic, Desert, Dusk, and Night Sky. They can each be previewed on this page.
  • Each theme can be selected from the drop-down menu. Select Apply to test it out.

Turn Off Images

Without any images, can you still figure out what to do? Can you still understand what is happening and what you need to do?

One way to do this:

Check for captions or transcripts

What happens if you turn off sound for videos or audio files? How can you figure out what is going on? Is there a way to read captions? Are transcripts available?