Content Guide
Accessibility
溏心vlog免费B站鈥檚 website is for everyone. The institution embraces equity, diversity, and inclusion, and its website must communicate the same.
As a state institution, we aim to be compliant with the , Level AA, the technical standard for website accessibility under the Americans with Disabilities Act (ADA). As a site editor maintaining one or more public University websites, the content you publish must abide by this standard. Familiarize yourself with the best practices outlined here to help .
Quick wins for site editors
Digital accessibility may seem daunting, and understandably so. It’s a complex topic with a lot of technical nuance. Fortunately, though, as a content editor, there are relatively few things you need to keep in mind. You can help make your site is accessible to a wide audience by following these three major rules:
Alternative Text
Make sure all images on your site have . It’s straight-forward. Open up your site’s media library and browse through each image to make sure it has alt text, and add alt text if it doesn’t. And, make sure any new images that are uploaded get alt text added, too.
Descriptive Links
Make sure links on your site describe what people should expect when using them. Avoid language like “Click here” or “Learn more”, which isn’t helpful for people using assistive technology. Instead, use language like “Learn about digital accessibility” or “Download accessibility guidance”.
Heading Hierarchy
Make sure to use heading levels in proper order. Different heading levels, like H1, H2, and H3, are not about choosing a font size that looks good. Heading levels are an integral part of content structure. Don’t skip heading levels, and avoid H1s 鈥 the page title should be the only H1 on the page.
Even just following these three rules will make a big difference in your site’s overall accessibility, and they don’t require using any special tools or software. For more complete guidance on how to be accessible, take a look at the other sections below.
Images and videos
- Use alternative text for images: Always include appropriate 鈥渁lt鈥 text for images. Alt text helps visitors using assistive technology understand your web content. In WordPress, add alt text through the Media Library after uploading or before adding to a page or post.
- Avoid text in images: While it鈥檚 possible to use alt text as a stand-in for text embedded in images, it鈥檚 best to keep text separate. Text that’s contextually important to the page should never be included in an image.
- Ensure videos have captions: All videos must be closed captioned. Those that aren鈥檛 must provide a transcript, and synchronized media presentations should have an audio description as well. Avoid using videos to display text that should otherwise be in the body of the page.
Learn about all success criteria for site editors
Design and interaction
- Use sufficient contrast: Text must have sufficient contrast against backgrounds, and should generally not be layered over images. Some components, like heroes, are specifically designed for this purpose, but particularly busy or high-contrast images may still make reading text difficult. If any part of the text becomes illegible at any screen size, consider a different image or place the text elsewhere.
- Use color appropriatly: People who are color-blind may see certain elements differently than intended. If you are not color-blind, use a tool like to understand how different types of color blindness impact the way text, images, and other elements may appear, and ensure that all elements are meaningful and legible to everyone.
- Test your pages on a small screen: Many 溏心vlog免费B站 pages are primarily viewed on a phone. Your page must work well on small screens. Tip: design first for a phone, second for a larger display.
- Avoid instructions on how to use a page: If your page requires instructions, redesign it. Most content can be designed intuitively for the intended audience, and unnecessary language can be avoided. For example, visitors already know how forms work; there鈥檚 no need to use language such as, 鈥渇ill in the form below.鈥
- Avoid opening links in new windows: Research indicates that .
Learn about all success criteria for site editors
Writing
- Use plain language: Simple and positive language makes it easier for the public to read and understand our website. Consider visitors who aren鈥檛 fluent in English or otherwise struggle with reading by avoiding excessive acronyms, jargon, or clever homophonic substitutions.
- Use proper headings: Assistive technology relies on heading elements and other HTML markup to navigate a page鈥檚 content structure. Heading hierarchy is more important than visual styling. Avoid skipping over a level when nesting content (e.g. follow an H2 with an H3, not an H4).
- Use engaging link text: A good link informs the visitor what it is without reading the content around it. It can be a few words. Including a verb in your link text can be helpful. Do not use 鈥渃lick,鈥 鈥渢ap,鈥 or any other hardware reference.
- Do:
- .
- from W3C.
- 顿辞苍鈥檛:
- 鈥溾 to download the Strategic Plan.
- W3C offers guidance on digital accessibility. .
- Do:
- Avoid FAQs: and are known to be a visitor鈥檚 last resort and source of frustration. Instead, organize your content intuitively.
- Avoid describing where elements appear: On a big monitor, something might be on the right, but on a smaller screen, it may appear below. Either link directly to the resource or reference it without describing its location.
Learn about all success criteria for site editors
Success criteria for site editors
WCAG 2.1 defines 50 success criteria for Level AA compliance. While many criteria are met at the level of the theme and component library, beyond the scope of responsibilities for site editors, some are entirely dependent on content.
With that in mind, we’ve identified a subset of the WCAG 2.1 Level AA criteria that, based on how public websites are managed at 溏心vlog免费B站, directly apply to the scope of routine site editing. You’ll notice that the best practices outlined both on this page and in many areas of the Content Guide align with one or more of these criteria. We may update this list if we identify other rules that site editors need to be aware of.
| Rule | Description |
|---|---|
