Quick links
🔑 Sign in
🖥 Website standards.site
🐦 Twitter @standards_site
📷 Instagram @standards.site
Design & Editing
In this guide:
When using Media throughout your project, it is important to keep accessibility in mind. Standards allows you to include meta descriptions for both Media elements, and the Files themselves.
Image descriptions are short text based statements that describe the subject or the meaning of visual content, and are programmed to display when that visual content is not available, such as when browsing with a screen reader.
Writing descriptions for Media elements
When writing a description for a Media element, it is often best practice is to describe the context or meaning of the media rather than the subject, since the file could easily change.
<aside> 📖
Example: “Demonstration of proper logo clearspace”
</aside>
Writing descriptions for Files
When writing a description for a File, the best practice is to simply describe the subject or content rather than the meaning, since it could be placed in any context.
<aside> 📖
Example: “Logo surrounded by an empty frame defined by the height of the symbol”
</aside>
Adding content tags to text provides data that may be used by browsers and search engines to infer the hierarchy of text content without visual cues, and may effect how the text is displayed on screen readers or in other environments.
Paragraph Represents a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines.
Heading 1 - 6
Represent six levels of section headings. Heading 1 is the highest section level and heading 6 is the lowest.
Additional accessibility features can be enabled on Standards projects with the UswerWay plugin. UserWay allows site visitors to control a range of accessibility options like increasing text size. Learn more about UserWay.
<aside> 💡
</aside>