![]() Using ONLY colors such as these (especially to indicate required fields in a form) will prevent these individuals from understanding your message. The most common form of color deficiency, red-green color deficiency, affects approximately 8% of the population. Instead, say: "To learn more about our company, read About Us.".Try not to say: " Click here to read about our company.".The most unique content of the link should be presented first, as screen reader users will often navigate the links list by searching via the first letter.įor example, if you are pointing visitors to a page called "About Us": Using descriptive text properly explains the context of links to the screen reader user. As a result, screen reader users often do not read the link within the context of the rest of the page. Just like sighted users scan the page for linked text, visually-impaired users can use their screen readers to scan for links. Using "click here" is not considered descriptive, and is ineffective for a screen reader user. When including links in your content, use text that properly describes where the link will go. Give your links unique and descriptive names. Always provide alt text for images that are used as links. If an image is the only content of a link, the screen reader will read the file name if alt text is not provided. The exception to this rule is when an image is used purely for decoration in this case, the alt text can be left empty so that the screen reader user is not distracted from the more important content on the page. When creating the alt text, the text should contain the message you wish to convey through that image, and if the image includes text, that text should also be included in the alt. This is especially important for informative images (such as infographics). Include proper alt text for images.Īlt text should be provided for images, so that screen reader users can understand the message conveyed by the use of images on the page. Do not skip heading levels (e.g., go from an to an ), as screen reader users will wonder if content is missing.Use headings to indicate and organize your content structure.Avoid using an for anything other than the title of the website and the title of individual pages. Use for the primary title of the page.Do not pick a header just because it looks good visually (which can confuse screen reader users) instead, create a new CSS class to style your text. By using headings (,, etc.) correctly and strategically, the content of your website will be well-organized and easily interpreted by screen readers.īe sure to adhere to the correct order of headings, and separate presentation from structure by using CSS (Cascading Style Sheets). Screen reader users can use heading structure to navigate content. Use headings correctly to organize the structure of your content. The CMS administration options (such as creating a blog post or posting a comment) should be accessible as well. ![]() For example, editing toolbars should include options for headings and accessible tables, and video players should include closed captioning. Be sure to follow the same guidelines when selecting modules, plugins, or widgets.įor elements like editing toolbars and video players, make sure that they support creating accessible content. Consult the theme's documentation for notes on accessibility and tips for creating accessible content and layouts for that theme. Once you've chosen a CMS that suits your needs, make sure to choose a theme/template that is accessible. Common examples include Drupal and Wordpress, but there are many other options available. ![]() There are many content management systems available to help you build your website. Choose a content management system that supports accessibility.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |