MOTO CB s.r.o.

International road transport & logistics

Top 10 Tips for Making Your Websites Accessible

1 . Choose a content management system that helps accessibility.
There are many articles management devices available to assist you to build your web page.
Once you’ve selected a CMS that suits your needs, make certain to choose a theme/template that is available. Consult the theme’s paperwork for ideas on supply and methods for creating attainable content and layouts for the theme. Make sure you follow the same guidelines the moment selecting themes, plugins, or widgets.
For components like croping and editing toolbars and video players, make sure that that they support creating accessible articles. For example , editing and enhancing toolbars should include options for the purpose of headings and accessible kitchen tables, and video players ought to include closed captioning. The CMS administration options (such simply because creating a blog post or leaving a comment a comment) should be accessible as well.

2 . Use headings correctly to organize the composition of your content.
Display screen reader users can use going structure to navigate content. By using headings (


, etc . ) correctly and strategically, this great article of your webpage will be well-organized and easily construed by display screen readers.
Be sure to follow a the correct purchase of headings, and distinct presentation from structure by utilizing CSS (Cascading Style Sheets). Do not pick a header simply because it looks great visually (which can befuddle screen audience users); instead, create a fresh CSS category to style the text.
Examples of appropriate use of titles:
• Use

for the principal title of this page. Avoid using an

for nearly anything other than the title of the site and the title of person pages.
• Make use of headings to point and organize your content framework.
• Do not skip heading amounts (e. g., go right from an

to an

), as screen reader users will imagine content is normally missing.
3. Contain proper alt text intended for images.
Alt text should be presented to images, in order that screen target audience users can understand the principles conveyed by using images on the page. This is particularly important for useful images (such as infographics). When creating the alt text message, the text ought to contain the meaning you wish to convey through that image, of course, if the image comprises text, that text should likewise be as part of the alt.
4. Provide a links one of a kind and descriptive names.
When including links inside your content, use text that properly identifies where the website link will go. Using „click here“ is not considered descriptive, and is worthless for a display screen reader customer.
Like sighted users scan the page to get linked text, visually-impaired users can use their particular screen viewers to scan to get links. Due to this fact, screen target audience users typically do not look into the link inside the context of this rest of the site. Using detailed text properly explains the context of links to the screen target audience user.
The most unique content of the link must be presented initial, as screen reader users will often get around the links list by looking via the primary letter.
5. Work with color with care.
The most frequent form of color deficiency, red-green color deficit, affects around 8% with the population. Only using colors such as these (especially to point required fields in a form) will prevent they from understanding your subject matter.
Other groups of people with disabilities, specifically users with learning problems, benefit drastically from color when used to distinguish and organize your content.
To fulfill both organizations, use color, but also be sure to work with other aesthetic indicators, including an asterisk or question mark. Be sure to also distinguish hinders of content material from one one more using aesthetic separation (such as whitespace or borders).
six. Design the forms with regards to accessibility.
When style fields are certainly not labeled correctly, the display reader individual does not have the same cues available as the sighted individual. It may be not possible to tell what kind of content needs to be entered into an application field.
Each discipline in your variety should have a well-positioned, descriptive label. For instance , if the field is for someone’s name, it should be labeled properly as both „Full Name“ or have two separate fields labeled as „First Name“ and „Last Name. “ Use the


Zavadilka 2700
370 05 České Budejovice 2
Česká republika

Telefon: +420 608 313 149