ไทย
English 
1 . Choose a content management system that supports accessibility.
There are many content management systems available to assist you to build your internet site.
Once you’ve picked a CMS that suits your needs, make sure to choose a theme/template that is attainable. Consult the theme’s documents for paperwork on access and tips for creating available content and layouts while using theme. Make sure to follow the same guidelines when selecting quests, plugins, or widgets.
For elements like croping and editing toolbars and video players, make sure that they will support creating accessible content material. For example , editing and enhancing toolbars should include options to get headings and accessible kitchen tables, and video players includes closed captioning. The CMS administration choices (such seeing that creating a writing or placing a comment) should be attainable as well.
2 . Use titles correctly to arrange the composition of your content.
Display reader users can use heading structure to navigate articles. By using titles (
,
, etc . ) correctly and strategically, this great article of your web page will be well-organized and easily construed by display screen readers.
Be sure to stick to the correct buy of titles, and different presentation by structure by using CSS (Cascading Style Sheets). Do not choose a header because it looks very good visually (which can confound screen visitor users); instead, create a new CSS category to style the text.
Examples of appropriate use of headings:
• Use
for the primary title for the page. Avoid an
for anything at all other than it of the webpage and the name of person pages.
• Make use of headings to point and organize your content composition.
• Do not skip out on heading amounts (e. g., go by an
to an
), as display reader users will imagine content can be missing.
3. Include proper betagt text for images.
Alt text should be presented to images, to ensure that screen reader users can understand the message conveyed by using images for the page. This is especially important for educational images (such as infographics). When creating the alt text, the text should certainly contain the subject matter you wish to display through that image, and if the image features text, that text should also be contained in the alt.
4. Provide a links exclusive and descriptive names.
When which includes links inside your content, employ text that properly describes where the website link will go. Using “click here” is certainly not considered detailed, and is unsuccessful for a screen reader end user.
Simillar to sighted users scan the page with respect to linked text, visually-impaired users can use the screen viewers to scan for the purpose of links. As a result, screen reader users sometimes do not look into the link in the context of the rest of the page. Using detailed text effectively explains the context of links for the screen reader user.
The most exclusive content with the link ought to be presented 1st, as display reader users will often understand the links list by looking via the initial letter.
5. Apply color carefully.
The most frequent form of color deficiency, red-green color deficiency, affects around 8% on the population. Only using colors such as these (especially to indicate required domains in a form) will prevent they from understanding your subject matter.
Additional groups of people with disabilities, especially users with learning problems, benefit greatly from color when used to distinguish and organize your content.
To satisfy both communities, use color, but also be sure to apply other aesthetic indicators, including an asterisk or question mark. Be sure to also distinguish obstructions of articles from one a further using vision separation (such as whitespace or borders).
6. Design the forms intended for accessibility.
When contact form fields are certainly not labeled correctly, the screen reader customer does not have the same cues available as the sighted end user. It may be not possible to tell what type of content need to be entered into a form field.
Each discipline in your type should have a well-positioned, detailed label. For example , if the field is for ones name, it ought to be labeled correctly as both “Full Name” or have two separate areas labeled as “First Name” and “Last Term. ” Utilize
Be sure to stick to the correct buy of titles, and different presentation by structure by using CSS (Cascading Style Sheets). Do not choose a header because it looks very good visually (which can confound screen visitor users); instead, create a new CSS category to style the text.
Examples of appropriate use of headings:
• Use
for the primary title for the page. Avoid an
for anything at all other than it of the webpage and the name of person pages.
• Make use of headings to point and organize your content composition.
• Do not skip out on heading amounts (e. g., go by an
to an
), as display reader users will imagine content can be missing.
3. Include proper betagt text for images.
Alt text should be presented to images, to ensure that screen reader users can understand the message conveyed by using images for the page. This is especially important for educational images (such as infographics). When creating the alt text, the text should certainly contain the subject matter you wish to display through that image, and if the image features text, that text should also be contained in the alt.
4. Provide a links exclusive and descriptive names.
When which includes links inside your content, employ text that properly describes where the website link will go. Using “click here” is certainly not considered detailed, and is unsuccessful for a screen reader end user.
Simillar to sighted users scan the page with respect to linked text, visually-impaired users can use the screen viewers to scan for the purpose of links. As a result, screen reader users sometimes do not look into the link in the context of the rest of the page. Using detailed text effectively explains the context of links for the screen reader user.
The most exclusive content with the link ought to be presented 1st, as display reader users will often understand the links list by looking via the initial letter.
5. Apply color carefully.
The most frequent form of color deficiency, red-green color deficiency, affects around 8% on the population. Only using colors such as these (especially to indicate required domains in a form) will prevent they from understanding your subject matter.
Additional groups of people with disabilities, especially users with learning problems, benefit greatly from color when used to distinguish and organize your content.
To satisfy both communities, use color, but also be sure to apply other aesthetic indicators, including an asterisk or question mark. Be sure to also distinguish obstructions of articles from one a further using vision separation (such as whitespace or borders).
6. Design the forms intended for accessibility.
When contact form fields are certainly not labeled correctly, the screen reader customer does not have the same cues available as the sighted end user. It may be not possible to tell what type of content need to be entered into a form field.
Each discipline in your type should have a well-positioned, detailed label. For example , if the field is for ones name, it ought to be labeled correctly as both “Full Name” or have two separate areas labeled as “First Name” and “Last Term. ” Utilize
• Make use of headings to point and organize your content composition.
• Do not skip out on heading amounts (e. g., go by an
to an
), as display reader users will imagine content can be missing.
3. Include proper betagt text for images.
Alt text should be presented to images, to ensure that screen reader users can understand the message conveyed by using images for the page. This is especially important for educational images (such as infographics). When creating the alt text, the text should certainly contain the subject matter you wish to display through that image, and if the image features text, that text should also be contained in the alt.
4. Provide a links exclusive and descriptive names.
When which includes links inside your content, employ text that properly describes where the website link will go. Using “click here” is certainly not considered detailed, and is unsuccessful for a screen reader end user.
Simillar to sighted users scan the page with respect to linked text, visually-impaired users can use the screen viewers to scan for the purpose of links. As a result, screen reader users sometimes do not look into the link in the context of the rest of the page. Using detailed text effectively explains the context of links for the screen reader user.
The most exclusive content with the link ought to be presented 1st, as display reader users will often understand the links list by looking via the initial letter.
5. Apply color carefully.
The most frequent form of color deficiency, red-green color deficiency, affects around 8% on the population. Only using colors such as these (especially to indicate required domains in a form) will prevent they from understanding your subject matter.
Additional groups of people with disabilities, especially users with learning problems, benefit greatly from color when used to distinguish and organize your content.
To satisfy both communities, use color, but also be sure to apply other aesthetic indicators, including an asterisk or question mark. Be sure to also distinguish obstructions of articles from one a further using vision separation (such as whitespace or borders).
6. Design the forms intended for accessibility.
When contact form fields are certainly not labeled correctly, the screen reader customer does not have the same cues available as the sighted end user. It may be not possible to tell what type of content need to be entered into a form field.
Each discipline in your type should have a well-positioned, detailed label. For example , if the field is for ones name, it ought to be labeled correctly as both “Full Name” or have two separate areas labeled as “First Name” and “Last Term. ” Utilize
3. Include proper betagt text for images.
Alt text should be presented to images, to ensure that screen reader users can understand the message conveyed by using images for the page. This is especially important for educational images (such as infographics). When creating the alt text, the text should certainly contain the subject matter you wish to display through that image, and if the image features text, that text should also be contained in the alt.
4. Provide a links exclusive and descriptive names.
When which includes links inside your content, employ text that properly describes where the website link will go. Using “click here” is certainly not considered detailed, and is unsuccessful for a screen reader end user.
Simillar to sighted users scan the page with respect to linked text, visually-impaired users can use the screen viewers to scan for the purpose of links. As a result, screen reader users sometimes do not look into the link in the context of the rest of the page. Using detailed text effectively explains the context of links for the screen reader user.
The most exclusive content with the link ought to be presented 1st, as display reader users will often understand the links list by looking via the initial letter.
5. Apply color carefully.
The most frequent form of color deficiency, red-green color deficiency, affects around 8% on the population. Only using colors such as these (especially to indicate required domains in a form) will prevent they from understanding your subject matter.
Additional groups of people with disabilities, especially users with learning problems, benefit greatly from color when used to distinguish and organize your content.
To satisfy both communities, use color, but also be sure to apply other aesthetic indicators, including an asterisk or question mark. Be sure to also distinguish obstructions of articles from one a further using vision separation (such as whitespace or borders).
6. Design the forms intended for accessibility.
When contact form fields are certainly not labeled correctly, the screen reader customer does not have the same cues available as the sighted end user. It may be not possible to tell what type of content need to be entered into a form field.
Each discipline in your type should have a well-positioned, detailed label. For example , if the field is for ones name, it ought to be labeled correctly as both “Full Name” or have two separate areas labeled as “First Name” and “Last Term. ” Utilize