ไทย
English 
1 . Choose a cms that facilitates accessibility.
There are many content material management systems available to assist you to build your web page.
Once you’ve selected a CMS that suits your needs, be sure you choose a theme/template that is accessible. Consult the theme’s documentation for notices on accessibility and advise for creating attainable content and layouts to that theme. Be sure to follow the same guidelines the moment selecting segments, plugins, or perhaps widgets.
For elements like croping and editing toolbars and video players, make sure that that they support creating accessible articles. For example , editing toolbars includes options to get headings and accessible platforms, and online video players includes closed captioning. The CMS administration choices (such as creating a post or placing a comment) should be accessible as well.
2 . Use titles correctly to organize the composition of your content.
Screen reader users can use started structure to navigate content. By using headings (
,
, etc . ) correctly and strategically, a few possibilities of your site will be well-organized and easily viewed by display readers.
Be sure to keep to the correct order of headings, and split presentation right from structure through the use of CSS (Cascading Style Sheets). Do not select a header simply because it looks very good visually (which can mistake screen reader users); rather, create a fresh CSS category to style the text.
Examples of correct use of titles:
• Use
for the main title within the page. Avoid an
for anything other than the title of the web page and the name of specific pages.
• Use headings to indicate and set up your content composition.
• Do not miss heading levels (e. g., go coming from an
to an
), as display reader users will imagine content is normally missing.
3. Consist of proper kosmos text pertaining to images.
Alt textual content should be presented to images, so that screen reader users can understand the subject matter conveyed by using images over the page. This is especially important for beneficial images (such as infographics). When creating the alt text, the text should certainly contain the communication you wish to display through that image, of course, if the image may include text, that text also need to be contained in the alt.
4. Provide a links specific and detailed names.
When which includes links within your content, use text that properly describes where the hyperlink will go. Using “click here” is not considered descriptive, and is unsuccessful for a display reader consumer.
Similar to sighted users scan the page designed for linked text message, visually-impaired users can use their particular screen viewers to scan to get links. For that reason, screen audience users sometimes do not browse the link inside the context of this rest of the site. Using descriptive text correctly explains the context of links to the screen visitor user.
The most exceptional content in the link must be presented earliest, as screen reader users will often get around the links list by looking via the 1st letter.
5. Work with color with care.
The most frequent form of color deficiency, red-green color deficiency, affects about 8% belonging to the population. Only using colors such as these (especially to indicate required fields in a form) will prevent these individuals from understanding your principles.
Different groups of people with disabilities, particularly users with learning disabilities, benefit significantly from color when used to distinguish and organize your articles.
To satisfy both communities, use color, but end up being sure to employ other visible indicators, including an asterisk or poser. Be sure to likewise distinguish obstructions of content material from one one other using visual separation (such as whitespace or borders).
six. Design your forms with respect to accessibility.
When shape fields are definitely not labeled properly, the display reader end user does not have similar cues readily available as the sighted customer. It may be very unlikely to tell which kind of content ought to be entered into a form field.
Each field in your contact form should have a well-positioned, descriptive label. For example , if the field is for a person’s name, it must be labeled properly as possibly “Full Name” or have two separate fields labeled as “First Name” and “Last Identity. ” Use a
Be sure to keep to the correct order of headings, and split presentation right from structure through the use of CSS (Cascading Style Sheets). Do not select a header simply because it looks very good visually (which can mistake screen reader users); rather, create a fresh CSS category to style the text.
Examples of correct use of titles:
• Use
for the main title within the page. Avoid an
for anything other than the title of the web page and the name of specific pages.
• Use headings to indicate and set up your content composition.
• Do not miss heading levels (e. g., go coming from an
to an
), as display reader users will imagine content is normally missing.
3. Consist of proper kosmos text pertaining to images.
Alt textual content should be presented to images, so that screen reader users can understand the subject matter conveyed by using images over the page. This is especially important for beneficial images (such as infographics). When creating the alt text, the text should certainly contain the communication you wish to display through that image, of course, if the image may include text, that text also need to be contained in the alt.
4. Provide a links specific and detailed names.
When which includes links within your content, use text that properly describes where the hyperlink will go. Using “click here” is not considered descriptive, and is unsuccessful for a display reader consumer.
Similar to sighted users scan the page designed for linked text message, visually-impaired users can use their particular screen viewers to scan to get links. For that reason, screen audience users sometimes do not browse the link inside the context of this rest of the site. Using descriptive text correctly explains the context of links to the screen visitor user.
The most exceptional content in the link must be presented earliest, as screen reader users will often get around the links list by looking via the 1st letter.
5. Work with color with care.
The most frequent form of color deficiency, red-green color deficiency, affects about 8% belonging to the population. Only using colors such as these (especially to indicate required fields in a form) will prevent these individuals from understanding your principles.
Different groups of people with disabilities, particularly users with learning disabilities, benefit significantly from color when used to distinguish and organize your articles.
To satisfy both communities, use color, but end up being sure to employ other visible indicators, including an asterisk or poser. Be sure to likewise distinguish obstructions of content material from one one other using visual separation (such as whitespace or borders).
six. Design your forms with respect to accessibility.
When shape fields are definitely not labeled properly, the display reader end user does not have similar cues readily available as the sighted customer. It may be very unlikely to tell which kind of content ought to be entered into a form field.
Each field in your contact form should have a well-positioned, descriptive label. For example , if the field is for a person’s name, it must be labeled properly as possibly “Full Name” or have two separate fields labeled as “First Name” and “Last Identity. ” Use a
• Use headings to indicate and set up your content composition.
• Do not miss heading levels (e. g., go coming from an
to an
), as display reader users will imagine content is normally missing.
3. Consist of proper kosmos text pertaining to images.
Alt textual content should be presented to images, so that screen reader users can understand the subject matter conveyed by using images over the page. This is especially important for beneficial images (such as infographics). When creating the alt text, the text should certainly contain the communication you wish to display through that image, of course, if the image may include text, that text also need to be contained in the alt.
4. Provide a links specific and detailed names.
When which includes links within your content, use text that properly describes where the hyperlink will go. Using “click here” is not considered descriptive, and is unsuccessful for a display reader consumer.
Similar to sighted users scan the page designed for linked text message, visually-impaired users can use their particular screen viewers to scan to get links. For that reason, screen audience users sometimes do not browse the link inside the context of this rest of the site. Using descriptive text correctly explains the context of links to the screen visitor user.
The most exceptional content in the link must be presented earliest, as screen reader users will often get around the links list by looking via the 1st letter.
5. Work with color with care.
The most frequent form of color deficiency, red-green color deficiency, affects about 8% belonging to the population. Only using colors such as these (especially to indicate required fields in a form) will prevent these individuals from understanding your principles.
Different groups of people with disabilities, particularly users with learning disabilities, benefit significantly from color when used to distinguish and organize your articles.
To satisfy both communities, use color, but end up being sure to employ other visible indicators, including an asterisk or poser. Be sure to likewise distinguish obstructions of content material from one one other using visual separation (such as whitespace or borders).
six. Design your forms with respect to accessibility.
When shape fields are definitely not labeled properly, the display reader end user does not have similar cues readily available as the sighted customer. It may be very unlikely to tell which kind of content ought to be entered into a form field.
Each field in your contact form should have a well-positioned, descriptive label. For example , if the field is for a person’s name, it must be labeled properly as possibly “Full Name” or have two separate fields labeled as “First Name” and “Last Identity. ” Use a
3. Consist of proper kosmos text pertaining to images.
Alt textual content should be presented to images, so that screen reader users can understand the subject matter conveyed by using images over the page. This is especially important for beneficial images (such as infographics). When creating the alt text, the text should certainly contain the communication you wish to display through that image, of course, if the image may include text, that text also need to be contained in the alt.
4. Provide a links specific and detailed names.
When which includes links within your content, use text that properly describes where the hyperlink will go. Using “click here” is not considered descriptive, and is unsuccessful for a display reader consumer.
Similar to sighted users scan the page designed for linked text message, visually-impaired users can use their particular screen viewers to scan to get links. For that reason, screen audience users sometimes do not browse the link inside the context of this rest of the site. Using descriptive text correctly explains the context of links to the screen visitor user.
The most exceptional content in the link must be presented earliest, as screen reader users will often get around the links list by looking via the 1st letter.
5. Work with color with care.
The most frequent form of color deficiency, red-green color deficiency, affects about 8% belonging to the population. Only using colors such as these (especially to indicate required fields in a form) will prevent these individuals from understanding your principles.
Different groups of people with disabilities, particularly users with learning disabilities, benefit significantly from color when used to distinguish and organize your articles.
To satisfy both communities, use color, but end up being sure to employ other visible indicators, including an asterisk or poser. Be sure to likewise distinguish obstructions of content material from one one other using visual separation (such as whitespace or borders).
six. Design your forms with respect to accessibility.
When shape fields are definitely not labeled properly, the display reader end user does not have similar cues readily available as the sighted customer. It may be very unlikely to tell which kind of content ought to be entered into a form field.
Each field in your contact form should have a well-positioned, descriptive label. For example , if the field is for a person’s name, it must be labeled properly as possibly “Full Name” or have two separate fields labeled as “First Name” and “Last Identity. ” Use a