Accessibility Best Practices
Add proper alt text to images
Alt text provides access to the content of images for individuals who cannot see them. This information can be used by screen readers and brail devices for those users that have vision impairment. Alt text is supported by most document formats, including HTML, Microsoft Word, and Adobe.
You also have the option of checking off that the image is descriptive in the image component properties. Only do this if the image is a direct depiction of the paragraph the image is found in.
Example: a paragraph talking about a researcher performing a lab experiment in their lab and the photo depicts that exact thing. This will save redundancy in what the screen reader communicates.
Avoid images with text In them
Text with images in them are not accessible, take longer to load, and are not readable once they begin resizing based on screen size.
Use headings properly
Use headings and subheadings to form the outline of your content, don’t jump across various heading levels. Proper heading structure will help non-visual users and search engines to understand how the page is organized. It will also help screen readers.
Test your content on mobile devices
How well does the flow of your content break down to devices other than your computer? Does it take awhile to load?