Digital Accessibility Initiative
The Digital Accessibility Initiative (DAI) aims to champion accessibility practices in Berkeley Lab's digital spaces and products— particularly webpages, events, and publications.
If you have questions or are interested in getting involved, contact us at allaccess@lbl.gov or email co-chairs Margie Wylie and Allison Lewis.
Learn More about the DAI
Resources and Advice for Digital Accessibility
Below are tips and best practices for making your work accessible in any area.
Click the drop-downs to see a "Top 3" list of the core practices to follow, with links to learn more about each. Scroll to the "General Resources" area to see wide-ranging resources covering more comprehensive and in-depth learning and tools.
Best practices by subject
Webpages
+ Documents and Emails
Top Tips: Best practices
Include alt-text on all images that convey meaning
Alt text is a written description of what an image looks like that blind and low-vision people can use with the help of screen-reader software.
Make sure that headings are used correctly
Headings aren't just stylistic, they contain meaning about the hierarchy of information, and can be used by screen-readers to navigate a page.
Make your hyperlinks descriptive
Screen readers can scan through hyperlinks (text that can be clicked as a link) to navigate a page, so be sure to have the text describe the destination, rather than ambiguous words like "click here."
For example, rather than writing "watch the cat video here," format it like "Watch the cat video." that way, a blind user knows the link is to a cat video, rather than just the word "here."
Events
+ Meetings and Conferences
Best Practices
Always turn on Closed Captions in any zoom meeting or webinar
This allows participants to enable captions and transcripts without having to ask the host.
Closed captions have a wide range of benefits for people who are hard of hearing, non-native English speakers, and more.
Keep side conversations in the public chat to a minimum
Screen readers and neurodivergent people can be distracted or overwhelmed by following multiple streams of information.
Publications
+ Presentations and Figures
Include alt-text on all images and figures that convey meaning visually
Alt text is a written description of what an image looks like that blind and low-vision people can use with the help of screen-reader software.
Learn more about how to add alt text and what to write here.
Avoid encoding information in figures using only a single mode of communication
For example, establish the identity of points on a graph using both color and shape, so that colorblind people can tell the difference.
Likewise, summarize any key information that is presented in a visual figure via alt-text or captions.
Social Media
Best practices
Capitalize the first letter in each word of your multi-word hashtags
The capital letters help a screen reader identify the separate words and allow it to pronounce the hashtag correctly.
For example, the hashtag #superbowl could be read as both #SuperBowl or #SuperbOwl.
Keep your post formatting simple
Compose social media content knowing it will be read left to right or right to left in a single column by assistive devices and programs.
In addition to spaces, tabs, and hard returns, assistive devices rely on punctuation marks and capital letters to identify individual words, phrases, and sentences.
Use emojis in moderation
Emojis have built-in alt text descriptions that are read by screen readers.
Put emoji at the end of your written content to avoid creating any clarity issues that could be caused by an icon's coded description interfering with the rest of your copy.
Video
Best practices
Capitalize the first letter in each word of your multi-word hashtags
The capital letters help a screen reader identify the separate words and allow it to pronounce the hashtag correctly.
For example, the hashtag #superbowl could be read as both #SuperBowl or #SuperbOwl.
Learn more about using hashtags here.
Audio
Our Vetted Resources
A great place to start with the basics:
These simple visual guides cover best practices for accommodating a wide range of disabilities in design.
A one-stop shop:
This website offers overviews and introductions to the fundamental principles of accessibly, along with trainings and guides for implementing web accessibility.
A guide for web developers:
This online book is a series of technical guides and checklists for implementing accessibility compliance on a webpage or app.
Events and Resources specific to Berkeley Lab
How to procure a sign language interpreter for an event
(Guide coming soon)
One Scientist's experience working at Berkeley Lab with Autistic Spectrum Disorder (ASD)
(Recording coming soon)
Other Resources
A comprehensive checklist for meetings, conferences, training, and presentations
A guide for implementing best practices for accessibility on Zoom
Turning on closed captions is critical to inclusive meetings
Specific colors and strategies to use for making your figures visible to all.
Tips and tools for incorporating discussions of diversity and inclusion into any meeting
A document checklist for best practices before and during a meeting.
A forward-looking blog post from UC IT about the path towards accessibility across the UC system.