MOTO CB s.r.o.

International road transport & logistics

Top Tips for Making Your Website Accessible

1 . Choose a content management system that facilitates accessibility.
There are many content management systems available to help you build your website.
Once you’ve selected a CMS that suits your needs, make sure you choose a theme/template that is accessible. Consult the theme’s documents for records on supply and techniques for creating available content and layouts regarding theme. Be sure to follow the same guidelines when ever selecting adventures, plugins, or widgets.
For elements like croping and editing toolbars and video players, make sure that they will support creating accessible articles. For example , croping and editing toolbars includes options with regards to headings and accessible desks, and online video players should include closed captioning. The CMS administration options (such since creating a article or leaving a comment a comment) should be accessible as well.

installment payments on your Use titles correctly to organize the composition of your content.
Display reader users can use proceeding structure to navigate content material. By using headings (


, etc . ) correctly and strategically, the content of your webpage will be well-organized and easily construed by screen readers.
Be sure to adhere to the correct buy of titles, and distinct presentation out of structure by utilizing CSS (Cascading Style Sheets). Do not look for a header even though it looks very good visually (which can mistake screen reader users); instead, create a fresh CSS course to style the text.
Examples of proper use of headings:
• Use

for the principal title of your page. Avoid using an

for anything other than it of the web page and the subject of person pages.
• Apply headings to indicate and set up your content composition.
• Do not omit heading amounts (e. g., go via an

to an

), as display screen reader users will wonder if content is missing.
3. Involve proper oll text pertaining to images.
Alt textual content should be provided for images, in order that screen reader users may understand the sales message conveyed by using images relating to the page. This is especially important for beneficial images (such as infographics). When creating the alt textual content, the text will need to contain the warning you wish to present through that image, of course, if the image includes text, that text also need to be contained in the alt.
4. Provide a links different and descriptive names.
When which includes links within your content, apply text that properly describes where the website link will go. Using „click here“ is certainly not considered detailed, and is company for a screen reader consumer.
Just like sighted users scan the page for linked text message, visually-impaired users can use all their screen readers to scan to get links. Subsequently, screen reader users typically do not look at the link inside the context of this rest of the page. Using detailed text properly explains the context of links towards the screen reader user.
The most exceptional content of the link should be presented first of all, as display reader users will often steer the links list by searching via the 1st letter.
5. Apply color carefully.
The most common form of color deficiency, red-green color insufficiency, affects about 8% from the population. Using ONLY colors such as these (especially to point required areas in a form) will prevent these individuals from understanding your meaning.
Different groups of people with disabilities, particularly users with learning problems, benefit tremendously from color when accustomed to distinguish and organize your articles.
To meet both organizations, use color, but also be sure to work with other visual indicators, including an asterisk or poser. Be sure to as well distinguish hindrances of articles from one some other using visible separation (such as whitespace or borders).
6. Design your forms designed for accessibility.
When contact form fields are definitely not labeled appropriately, the screen reader user does not have the same cues readily available as the sighted customer. It may be extremely hard to tell which content needs to be entered into a form field.
Each field in your variety should have a well-positioned, descriptive label. For instance , if the field is for a person’s name, it should be labeled correctly as possibly „Full Name“ or have two separate areas labeled as „First Name“ and „Last Name. “ Make use of the


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

Telefon: +420 608 313 149