Type: Basic page
When designing content for the web, use actual text in your design, whether creating an email, a table of contents, a call out box, or other type of marketing content., What barriers does an image of text create?, An image of text can often not be resized with zoom/magnification tools. An image of text for can be hard to convey through alt text, especially a table screenshot, which can be impossible to describe through alt text. The text in the image becomes unsearchable and cannot be translated into other languages. If someone has images disabled due to low bandwidth or sensory issues, they lose the…
Type: Basic page
Why color as the only way to convey meaning can be an issue, Using color as the only way to convey meaning can create issues for people who are color blind and people who are blind, deaf-blind, or have low vision. In the case of someone who is color blind, they may not be able to distinguish between certain colors such as red and green, or they may actually not see colors at all (known as monochromatic vision). The example below is a bracelet concept…, Original image, Deuteranopia simulation, The other main issue was the solution didn't take into consideration if someone was blind, deaf-blind, or had low vision. If the person had low vision, they may have to stand close to the person to evaluate the bracelet - perhaps too close in the case of social distancing. For a person who is blind or deaf-blind, even if braille was added to the bracelet, that would again prevent a person from…, What are ways to convey meaning outside of color?, It depends on the scenario. Here are a couple of examples that will help with your decision making process: If using red, yellow, and green to denote statuses in a spreadsheet, consider also using a text equivalent of that status in the status field, such as showstopper, at risk, and no issues. If using color to convey statuses in an interactive graph (for example, a bar graph), display both the…
Type: Basic page
Whenever you are creating content with a background color, you should use the WebAiM Contrast Checker to confirm that your background and foreground colors will meet color contrast guidelines. This ensures not only that the color blind community can access your content, but it improves readability for everyone.
Type: Basic page
When using numbers or bullets to list items, you should always use the built in numbered list and bulleted list in the content management system to style the list items. This renders them as actual list items to assistive technology.
Type: Basic page
Best practices for tables:, All tables should have an assigned header row. Assigning the header row ensures that assistive technology can read each cell of content and connect that content back to the assigned header. Do not merge table rows as this breaks header row accessibility. Tables should be used for the comparison of data, not for layout purposes (i.e., do not use tables to create columns on the page - this creates…
Type: Basic page
Ensure that videos and animations cannot induce seizures, Individuals who have photosensitive seizure disorders can have a seizure triggered by content that flashes at certain frequencies for more than a few flashes. A seizure can lead to hospitalization or death, so it's crucial to test any videos or animations that contain flashing content to ensure they don't surpass the required threshold. Videos and animations should not contain anything that…, Ensure that videos cannot trigger vestibular disorders, Jarring and unsteady movement in videos, or erratic zooming in and out, can trigger vestibular disorders such as vertigo and migraines., Include Captions and a Transcript with Videos, All videos placed on our websites should have both accurate closed captions and a transcript. Why do you need both captions and a transcript? Closed captions can be used by the Deaf, Hard of Hearing, or by people with cognitive disabilities. Transcripts are required for people in the deaf-blind community to interact with a video and can also be used by a blind person or a person with a cognitive…, Include Transcripts with Audio Clips, All audio only clips such as podcasts should have an associated transcript. , Use an Accessible Video Player, The President's Office currently supports the use of both Brightcove and YouTube. If you are thinking of using another type of video player, please reach out to the Digital Experience team at UITS to discuss.
Type: Basic page
Type: Basic page
When selecting imagery, consider whether you are selecting images that represent the overall diversity of our employees and customers. Identify areas where you need to improve overall representation, including ethnicity, gender identity, age, and disability representation. Unfortunately, not all stock imagery sites use disabled models for their photos and thus the representation can be…
Type: Basic page
Type: Basic page
