Please note: this is a web accessibility testing page for demo only.
Example of Heading
This is Heading 2
This is Heading 3
This is Heading 4
This is Paragraph text.
Example of Bullet List
7 Steps for Accessible Content (manual)
Step 1. Use built-in styles for headings and lists.
Step 2. Use meaningful hyperlink text.
3. Use color appropriately.
-- Add alternative text and captions.
-- Specify column header rows in tables.
Provide alternative format if needed.
Use accessibility reporting tools to check for issues.
7 Steps for Accessible Content (auto)
- Use built-in styles for headings and lists.
- Use meaningful hyperlink text.
- Use color appropriately.
- Add alternative text and captions.
- Specify column header rows in tables.
- Provide alternative format if needed.
- Use accessibility reporting tools to check for issues.
Example of Hyperlink
(Bad - example of URL as a link)
(Good- example of "Human-readable" link)
(Good- example of short URL)
(Bad - example of the uninformative link phrases)
Click here to read more about Section 504. (open in new window)
(Good - start with a descriptive keyword)
Section 504 of the Rehabilitation Act of 1973 prohibits discrimination against handicapped persons by organizations receiving federal assistance.
(Listen to screen reader samples)
Example of Alt Text
Default Alt Text Example
"game on grant 02 web"
Good Alt Text Example
"Fair Oaks elementary food services staff helping student learning about meal preparations."
Broken image link with al text example
Broken image with No alt text example
Warning from Joomla: "Are you sure you want to continue without including Alternate Text for the image? Without it the image may not be accessible to some users with disabilities, or to those using a text browser, or browsing the Web with images turned off."
Example of Data Table
Example of Layout Table