Testing for Accessibility - Revision history

TimRiker at 22:58, 18 April 2022

2022-04-18T22:58:47Z

← Older revision		Revision as of 22:58, 18 April 2022
Line 1:		Line 1:
	~~{{template:Under construction}}~~
	In the words of Tim Berners-Lee, director of the World Wide Web Consortium (W3C), “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect” ([http://www.w3.org/WAI/ W3C Web Accessibility Project, 2011]).		In the words of Tim Berners-Lee, director of the World Wide Web Consortium (W3C), “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect” ([http://www.w3.org/WAI/ W3C Web Accessibility Project, 2011]).

	Tech wants to ensure the content found on [https://www.churchofjesuschrist.org ChurchofJesusChrist.org] is accessible to everyone. An estimated 20 percent of people have disabilities. While their specific challenges may not impede Internet access, disabilities do affect this for tens of thousands of people.		Tech wants to ensure the content found on [https://www.churchofjesuschrist.org ChurchofJesusChrist.org] is accessible to everyone. An estimated 20 percent of people have disabilities. While their specific challenges may not impede Internet access, disabilities do affect this for tens of thousands of people.

	There are Tech projects in process to look at and test site accessibility. The [[Accessibility]] project has a variety of resources that teams may use to test apps for accessibility. This post will address what it means to test for accessibility.

	== Simplicity ==		== Simplicity ==

TimRiker at 19:57, 2 February 2022

2022-02-02T19:57:45Z

← Older revision		Revision as of 19:57, 2 February 2022
Line 4:		Line 4:
	Tech wants to ensure the content found on [https://www.churchofjesuschrist.org ChurchofJesusChrist.org] is accessible to everyone. An estimated 20 percent of people have disabilities. While their specific challenges may not impede Internet access, disabilities do affect this for tens of thousands of people.		Tech wants to ensure the content found on [https://www.churchofjesuschrist.org ChurchofJesusChrist.org] is accessible to everyone. An estimated 20 percent of people have disabilities. While their specific challenges may not impede Internet access, disabilities do affect this for tens of thousands of people.

	There are ~~LDS~~ Tech projects in process to look at and test site accessibility. The [~~http://tech.lds.org/wiki/Accessibility~~ Accessibility project] has a variety of resources that teams may use to test apps for accessibility. This post will address what it means to test for accessibility.		There are Tech projects in process to look at and test site accessibility. The [[Accessibility]] project has a variety of resources that teams may use to test apps for accessibility. This post will address what it means to test for accessibility.

	== Simplicity ==		== Simplicity ==

TimRiker at 19:56, 2 February 2022

2022-02-02T19:56:01Z

← Older revision		Revision as of 19:56, 2 February 2022
Line 2:		Line 2:
	In the words of Tim Berners-Lee, director of the World Wide Web Consortium (W3C), “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect” ([http://www.w3.org/WAI/ W3C Web Accessibility Project, 2011]).		In the words of Tim Berners-Lee, director of the World Wide Web Consortium (W3C), “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect” ([http://www.w3.org/WAI/ W3C Web Accessibility Project, 2011]).

	~~LDS~~ Tech wants to ensure the content found on [~~http~~://~~lds~~.org ~~LDS~~.org] is accessible to everyone. An estimated 20 percent of people have disabilities. While their specific challenges may not impede Internet access, disabilities do affect this for tens of thousands of people.		Tech wants to ensure the content found on [https://www.churchofjesuschrist.org ChurchofJesusChrist.org] is accessible to everyone. An estimated 20 percent of people have disabilities. While their specific challenges may not impede Internet access, disabilities do affect this for tens of thousands of people.

	There are LDS Tech projects in process to look at and test site accessibility. The [http://tech.lds.org/wiki/Accessibility Accessibility project] has a variety of resources that teams may use to test apps for accessibility. This post will address what it means to test for accessibility.		There are LDS Tech projects in process to look at and test site accessibility. The [http://tech.lds.org/wiki/Accessibility Accessibility project] has a variety of resources that teams may use to test apps for accessibility. This post will address what it means to test for accessibility.

TimRiker at 19:55, 2 February 2022

2022-02-02T19:55:29Z

← Older revision		Revision as of 19:55, 2 February 2022
Line 62:		Line 62:
	There are several free tools available to check your site’s accessibility and reduce the need for manual testing. W3C has a complete list available at http://www.w3.org/WAI/ER/tools/.		There are several free tools available to check your site’s accessibility and reduce the need for manual testing. W3C has a complete list available at http://www.w3.org/WAI/ER/tools/.

	People with disabilities around the world deserve a chance to access the ~~LDS.org~~ site and related apps. By checking your work for accessibility, you allow them to learn more about their callings, Church organizations, and the Gospel of Jesus Christ.		People with disabilities around the world deserve a chance to access the Church site and related apps. By checking your work for accessibility, you allow them to learn more about their callings, Church organizations, and the Gospel of Jesus Christ.

Johnsonth: /* Keyboard Functionality */

2012-04-30T17:57:16Z

Keyboard Functionality

← Older revision		Revision as of 17:57, 30 April 2012
Line 57:		Line 57:
	For a site with a form this is best tested by tabbing through the page to evaluate navigation difficulty. Ensure the cursor jumps in the right order. This site allows users to tab through the form in an orderly manner so that survey questions may be answered. For websites that do not have forms, ensure the arrow key will work to scroll down the site.		For a site with a form this is best tested by tabbing through the page to evaluate navigation difficulty. Ensure the cursor jumps in the right order. This site allows users to tab through the form in an orderly manner so that survey questions may be answered. For websites that do not have forms, ensure the arrow key will work to scroll down the site.

	[[File:~~Accessiblitypost_survey~~.jpg]]		[[File:Accessibilitypost_survey.jpg]]

Johnsonth: /* Alternative Text for Audio Files */

2012-04-30T17:57:07Z

Alternative Text for Audio Files

← Older revision		Revision as of 17:57, 30 April 2012
Line 50:		Line 50:
	A GUI browser may also be used to test audio and video accessibility. Turn the sound off and check the text equivalent for these elements.		A GUI browser may also be used to test audio and video accessibility. Turn the sound off and check the text equivalent for these elements.

	[[File:~~Accessiblitypost_home~~.jpg]]		[[File:Accessibilitypost_home.jpg]]


	==Keyboard Functionality==		==Keyboard Functionality==

Johnsonth: /* Visual Simplicity */

2012-04-30T17:56:51Z

Visual Simplicity

← Older revision		Revision as of 17:56, 30 April 2012
Line 16:		Line 16:
	Test for simplicity by examining your page.		Test for simplicity by examining your page.

	*Are foreground elements easily distinguishable from the background?		* Are foreground elements easily distinguishable from the background?
	* Are all page elements necessary?		* Are all page elements necessary?
	* Could some information be moved to other locations?		* Could some information be moved to other locations?

Johnsonth: image extension was wrong

2012-04-30T17:56:42Z

image extension was wrong

← Older revision		Revision as of 17:56, 30 April 2012
Line 25:		Line 25:
	A sample site, [http://www.w3.org/WAI/demos/bad/after/annotated/home.html Citylights], from [http://www.w3.org/WAI/ Web Accessibility Initiative], demonstrates many of these principles, so I'll use it as an example. The plain background makes text and graphics easy to distinguish. The page is simple and uncluttered by extraneous design features. Links are easy to see. The font is large and available white space allows for enlarging. Changing from color to grayscale will not have a significant impact on the visuals.		A sample site, [http://www.w3.org/WAI/demos/bad/after/annotated/home.html Citylights], from [http://www.w3.org/WAI/ Web Accessibility Initiative], demonstrates many of these principles, so I'll use it as an example. The plain background makes text and graphics easy to distinguish. The page is simple and uncluttered by extraneous design features. Links are easy to see. The font is large and available white space allows for enlarging. Changing from color to grayscale will not have a significant impact on the visuals.

	[[File:Accessibilitypost_tickets.~~png~~]]		[[File:Accessibilitypost_tickets.jpg]]

	==Text Accessibility==		==Text Accessibility==
Line 38:		Line 38:
	A good test for text accessibility is to read every word aloud very slowly or listen as the computer reads. If you can’t remember the beginning when you reach the end, those with cognitive disabilities will have a similar problem. Information may need to be presented in smaller chunks. Try this with the site shown below to see how clearly the content is worded.		A good test for text accessibility is to read every word aloud very slowly or listen as the computer reads. If you can’t remember the beginning when you reach the end, those with cognitive disabilities will have a similar problem. Information may need to be presented in smaller chunks. Try this with the site shown below to see how clearly the content is worded.

	[[File:Accessibilitypost_news.~~png~~]]		[[File:Accessibilitypost_news.jpg]]

	==Alternative Text for Visuals==		==Alternative Text for Visuals==
Line 50:		Line 50:
	A GUI browser may also be used to test audio and video accessibility. Turn the sound off and check the text equivalent for these elements.		A GUI browser may also be used to test audio and video accessibility. Turn the sound off and check the text equivalent for these elements.

	[[File:Accessiblitypost_home.~~png~~]]		[[File:Accessiblitypost_home.jpg]]


Line 58:		Line 58:
	For a site with a form this is best tested by tabbing through the page to evaluate navigation difficulty. Ensure the cursor jumps in the right order. This site allows users to tab through the form in an orderly manner so that survey questions may be answered. For websites that do not have forms, ensure the arrow key will work to scroll down the site.		For a site with a form this is best tested by tabbing through the page to evaluate navigation difficulty. Ensure the cursor jumps in the right order. This site allows users to tab through the form in an orderly manner so that survey questions may be answered. For websites that do not have forms, ensure the arrow key will work to scroll down the site.

	[[File:Accessiblitypost_survey.~~png~~]]		[[File:Accessiblitypost_survey.jpg]]

Johnsonth: adding images, fixing content

2012-04-30T17:56:03Z

adding images, fixing content

← Older revision		Revision as of 17:56, 30 April 2012
Line 1:		Line 1:
	~~'''Can You Hear Me Now? Simple Tips for Accessible Sites'''~~		{{template:Under construction}}
			In the words of Tim Berners-Lee, director of the World Wide Web Consortium (W3C), “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect” ([http://www.w3.org/WAI/ W3C Web Accessibility Project, 2011]).

	~~''The above title is Ok but the website isn’t about hearing anything – it is more visual helps''~~

	~~Your App May Be Disabled~~: ~~How to Make an App Great for Everyone~~




	In the words of Tim Berners-Lee, director of the World Wide Web Consortium (W3C), “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect” (~~W3C Web Accessibility Project, 2011, retrieved from~~ http://www.w3.org/WAI/

	LDS Tech is working to ensure the content found on LDS.org is accessible to everyone. An estimated 20 percent of people have disabilities. While their specific challenges may not impede internet access, ~~disabilities do affect this for tens of thousands of people.~~

	~~There are LDS Tech projects in process to look at and test site accessibility. The accessibility project has a variety of resources that teams may use to test apps for accessibility~~. ~~This post will address what it means to test for accessibility.~~

	~~'''Simplicity'''~~

	It’s very tempting to fill your site with animations, graphics, videos, rollover buttons, and a variety of other bells and whistles. Animations will distract visitors with autism and ADHD and may cause seizures. Small print or unusual fonts will overwhelm the elderly and those with reading challenges. Pages with difficult to find menus and links are too frustrating to navigate.

	During my seven years as a special education teacher, I helped many students navigate the Internet, with varying degrees of student success. I found that the most accessible sites had four design elements in common. They were relatively simple in design, had good quality text, embedded keyboard functionality, and permitted visual and audio accessibility. There are other aspects of accessibility, but these four should be the priority.




			LDS Tech wants to ensure the content found on [http://lds.org LDS.org] is accessible to everyone. An estimated 20 percent of people have disabilities. While their specific challenges may not impede Internet access, disabilities do affect this for tens of thousands of people.

			There are LDS Tech projects in process to look at and test site accessibility. The [http://tech.lds.org/wiki/Accessibility Accessibility project] has a variety of resources that teams may use to test apps for accessibility. This post will address what it means to test for accessibility.

			== Simplicity ==

			It’s very tempting to fill your site with animations, graphics, videos, rollover buttons, and a variety of other bells and whistles. Animations will distract visitors with autism and ADHD and, in extreme cases, may actually cause seizures. Small print or unusual fonts will overwhelm the elderly and those with reading challenges. Pages with difficult-to-find menus and links are frustrating to navigate.

			Accessible sites have at least four design elements in common: They are relatively simple in design, have good quality text, embed keyboard functionality, and permit visual and audio accessibility. There are other aspects of accessibility, but these four should be the priority.

	~~'''~~Visual Simplicity~~'''~~		==Visual Simplicity==

	Test for simplicity by examining your page.		Test for simplicity by examining your page.

	*Are foreground elements easily distinguishable from the background?		*Are foreground elements easily distinguishable from the background?
	* Are all page elements necessary?		* Are all page elements necessary?
	*Could some information be moved to other locations?		* Could some information be moved to other locations?
	*How long does it take a new visitor to find links and navigation buttons?		* How long does it take a new visitor to find links and navigation buttons?
	*If the font is increased in size, how does it impact the page organization and sizing?		* If the font is increased in size, how does it impact the page organization and sizing?
	*Are different elements easy to distinguish when viewing the page in grayscale?		* Are different elements easy to distinguish when viewing the page in grayscale?

	The site seen below is a good example of these principles. The plain background makes text and graphics easy to distinguish. The page is simple and uncluttered by extraneous design features. Links are easy to see. The font is large and available white space allows for enlarging. Changing from color to grayscale will not have a significant impact on the visuals.














			A sample site, [http://www.w3.org/WAI/demos/bad/after/annotated/home.html Citylights], from [http://www.w3.org/WAI/ Web Accessibility Initiative], demonstrates many of these principles, so I'll use it as an example. The plain background makes text and graphics easy to distinguish. The page is simple and uncluttered by extraneous design features. Links are easy to see. The font is large and available white space allows for enlarging. Changing from color to grayscale will not have a significant impact on the visuals.

			[[File:Accessibilitypost_tickets.png]]

			==Text Accessibility==






	~~'''~~Text Accessibility~~'''~~

	Text accessibility is another matter of simplicity.		Text accessibility is another matter of simplicity.
Line 75:		Line 38:
	A good test for text accessibility is to read every word aloud very slowly or listen as the computer reads. If you can’t remember the beginning when you reach the end, those with cognitive disabilities will have a similar problem. Information may need to be presented in smaller chunks. Try this with the site shown below to see how clearly the content is worded.		A good test for text accessibility is to read every word aloud very slowly or listen as the computer reads. If you can’t remember the beginning when you reach the end, those with cognitive disabilities will have a similar problem. Information may need to be presented in smaller chunks. Try this with the site shown below to see how clearly the content is worded.

			[[File:Accessibilitypost_news.png]]

			==Alternative Text for Visuals==








	~~'''~~Alternative Text for Visuals~~'''~~

	Those with visual disabilities require equivalent alternative text to describe pictures and images. Alternative texts appear where the photos are describing what the photo is about. It is helpful to those who have turned images off due to limited bandwidth or mobile devices. Use a graphical user interface (GUI) browser such as Firefox, Internet Explorer, or Netscape Navigator and turn off the images. Listen to the verbal description to make sure it is an adequate description of the image.		Those with visual disabilities require equivalent alternative text to describe pictures and images. Alternative texts appear where the photos are describing what the photo is about. It is helpful to those who have turned images off due to limited bandwidth or mobile devices. Use a graphical user interface (GUI) browser such as Firefox, Internet Explorer, or Netscape Navigator and turn off the images. Listen to the verbal description to make sure it is an adequate description of the image.

			==Alternative Text for Audio Files==

	~~'''Alternative Text for Audio Files'''~~		Those with hearing impairment will be unable to access audio files such as music or podcasts. The visually impaired may need audio descriptions of videos. Each may also require alternative text in the form of a transcript. If your video or audio information is presented sequentially, check the timing to make sure one element does not overlap another.

	Those with hearing impairment will be unable to access audio files such as music or podcasts. The visually impaired may need audio descriptions of videos. Each may also require alternative text in the form of a transcript. If your video or audio information is presented sequentially, check the timing to make sure one element does not overlap another.
	A GUI browser may also be used to test audio and video accessibility. Turn the sound off and check the text equivalent for these elements.		A GUI browser may also be used to test audio and video accessibility. Turn the sound off and check the text equivalent for these elements.

			[[File:Accessiblitypost_home.png]]


			==Keyboard Functionality==



	~~'''~~Keyboard Functionality~~'''~~

	Some visitors with physical disabilities are unable to use a mouse to navigate. Keyboard functionality makes your site well accessible to those who must use speech input or other assistive technologies.		Some visitors with physical disabilities are unable to use a mouse to navigate. Keyboard functionality makes your site well accessible to those who must use speech input or other assistive technologies.
	For a site with a form this is best tested by tabbing through the page to evaluate navigation difficulty. Ensure the cursor jumps in the right order. This site allows users to tab through the form in an orderly manner so that survey questions may be answered. For websites that do not have forms, ensure the arrow key will work to scroll down the site.		For a site with a form this is best tested by tabbing through the page to evaluate navigation difficulty. Ensure the cursor jumps in the right order. This site allows users to tab through the form in an orderly manner so that survey questions may be answered. For websites that do not have forms, ensure the arrow key will work to scroll down the site.

			[[File:Accessiblitypost_survey.png]]

Dsgunn130908: added to wiki just photos need adding

2012-04-28T16:40:48Z

added to wiki just photos need adding

New page

'''Can You Hear Me Now? Simple Tips for Accessible Sites'''

''The above title is Ok but the website isn’t about hearing anything – it is more visual helps''

Your App May Be Disabled: How to Make an App Great for Everyone

In the words of Tim Berners-Lee, director of the World Wide Web Consortium (W3C), “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect” (W3C Web Accessibility Project, 2011, retrieved from http://www.w3.org/WAI/

LDS Tech is working to ensure the content found on LDS.org is accessible to everyone. An estimated 20 percent of people have disabilities. While their specific challenges may not impede internet access, disabilities do affect this for tens of thousands of people.

There are LDS Tech projects in process to look at and test site accessibility. The accessibility project has a variety of resources that teams may use to test apps for accessibility. This post will address what it means to test for accessibility.

'''Simplicity'''

It’s very tempting to fill your site with animations, graphics, videos, rollover buttons, and a variety of other bells and whistles. Animations will distract visitors with autism and ADHD and may cause seizures. Small print or unusual fonts will overwhelm the elderly and those with reading challenges. Pages with difficult to find menus and links are too frustrating to navigate.

During my seven years as a special education teacher, I helped many students navigate the Internet, with varying degrees of student success. I found that the most accessible sites had four design elements in common. They were relatively simple in design, had good quality text, embedded keyboard functionality, and permitted visual and audio accessibility. There are other aspects of accessibility, but these four should be the priority.

'''Visual Simplicity'''

Test for simplicity by examining your page.

*Are foreground elements easily distinguishable from the background?
* Are all page elements necessary?
*Could some information be moved to other locations?
*How long does it take a new visitor to find links and navigation buttons?
*If the font is increased in size, how does it impact the page organization and sizing?
*Are different elements easy to distinguish when viewing the page in grayscale?

The site seen below is a good example of these principles. The plain background makes text and graphics easy to distinguish. The page is simple and uncluttered by extraneous design features. Links are easy to see. The font is large and available white space allows for enlarging. Changing from color to grayscale will not have a significant impact on the visuals.

'''Text Accessibility'''

Text accessibility is another matter of simplicity.

*Avoid words with many syllables or complex sentences that must be reread to be understood.
*Try to present information in a consistent and logical manner.

The example above shows how information is provided clearly and concisely.

A good test for text accessibility is to read every word aloud very slowly or listen as the computer reads. If you can’t remember the beginning when you reach the end, those with cognitive disabilities will have a similar problem. Information may need to be presented in smaller chunks. Try this with the site shown below to see how clearly the content is worded.

'''Alternative Text for Visuals'''

Those with visual disabilities require equivalent alternative text to describe pictures and images. Alternative texts appear where the photos are describing what the photo is about. It is helpful to those who have turned images off due to limited bandwidth or mobile devices. Use a graphical user interface (GUI) browser such as Firefox, Internet Explorer, or Netscape Navigator and turn off the images. Listen to the verbal description to make sure it is an adequate description of the image.

'''Alternative Text for Audio Files'''

Those with hearing impairment will be unable to access audio files such as music or podcasts. The visually impaired may need audio descriptions of videos. Each may also require alternative text in the form of a transcript. If your video or audio information is presented sequentially, check the timing to make sure one element does not overlap another.
A GUI browser may also be used to test audio and video accessibility. Turn the sound off and check the text equivalent for these elements.

'''Keyboard Functionality'''

Some visitors with physical disabilities are unable to use a mouse to navigate. Keyboard functionality makes your site well accessible to those who must use speech input or other assistive technologies.
For a site with a form this is best tested by tabbing through the page to evaluate navigation difficulty. Ensure the cursor jumps in the right order. This site allows users to tab through the form in an orderly manner so that survey questions may be answered. For websites that do not have forms, ensure the arrow key will work to scroll down the site.

There are several free tools available to check your site’s accessibility and reduce the need for manual testing. W3C has a complete list available at http://www.w3.org/WAI/ER/tools/.

People with disabilities around the world deserve a chance to access the LDS.org site and related apps. By checking your work for accessibility, you allow them to learn more about their callings, Church organizations, and the Gospel of Jesus Christ.