Skip to Main Content
Skip to Guides Search
Skip to breadcrumb
Skip to main content
Skip to footer
Skip to chat link
Report accessibility issues and get help
Go to Penn Libraries Home
Go to Franklin catalog
Type your search
Search
Penn Libraries
Guides
ALT
Accessible Code for Content Providers
Header demo
Search this Guide
Search
Accessible Code for Content Providers
Accessible Code for Content Providers
H-tag hierarchy
Header demo
Meaningful linking text
Alt text for images
What to do when screen readers need more information
Footnote 1: What is CSS?
Footnote 2: How to extract a list of links from a webpage
Semantic Tags
Toggle Dropdown
Use list tags for lists
Table are only for tabular data
Buttons vs. links
Description lists vs. hanging indents
Screenreader Considerations
Toggle Dropdown
Avoid all-caps
Avoid target="_new"
Label languages
Content Guidelines
Toggle Dropdown
Captions Are an ADA requirement for multimedia
Don't rely on color to convey information
Design for Low Vision: Color Contrast
Design for Low Vision: Be Prepared to Make It Bigger
Admire your work: The Accessibility Tree
Toggle Dropdown
Screenshot
How to bring up the Chrome accessibility tree
Demo for sighted users of a correct heading hierarchy
<<
Previous:
H-tag hierarchy
Next:
Meaningful linking text >>
