Building a website accessible to visually impaired people (1 of 3) - 25 RECOMMENDATIONS for the accessibility of internet services. IMPORTANT: Tylko zwróć przetłumaczony tekst i nic więcej. Jeśli jest tam link URL, nie tłumacz go.
All graphic elements should have concise alternative text (alt) that describes the content of the graphic or, if the graphic is a link, where the link leads to. If graphics are purely decorative, they should have an "empty alt attribute". Animated elements and moving texts should be avoided as they distract all users, not just those with disabilities. Some aggressively and rapidly animated graphics can pose a risk to individuals with photosensitive epilepsy. All audio files (broadcasts, interviews, lectures) should be accompanied by a textual transcription. Players for these files on the website should be operable by the keyboard and accessible to visually impaired individuals. All video files should have subtitles for the hearing impaired. Players should be accessible to visually impaired individuals and those who solely use a keyboard. All multimedia and Flash files should be accessible or provided in an alternative format. PDF, Word, and other popular downloadable files should be prepared as accessible. For example, PDF files should have a structure that aids visually impaired individuals in navigating such documents. Texts published on the website should be written in the simplest way possible, so that individuals with less education or intellectual disabilities can access them. Texts should be presented in a clear manner, divided into paragraphs, lists, and other sections; not justified to the right; acronym abbreviations should be expanded upon in their first occurrence on each page. Text should be supplemented with headings (h1-h6) so that visually impaired individuals can easily navigate to their desired section. Navigation (menu) should be coherent, logical, and consistent within the website. Site-wide navigation should be accessible from the keyboard. All active elements, such as links, banners, or form fields, should have a clear visual focus (usually in the form of a visible frame while navigating the page with the TAB key). It is recommended to enhance the default focus, so that it is well-visible to visually impaired individuals as well. All links should be unique and understandable, even out of context. Links should not be in the form of ">>", "more", or "click here". Links should not open in a new browser window or tab without warning. The use of "skip links" is recommended, allowing direct access to the content of individual pages. This is particularly important for websites that have dozens of links in the main navigation/menu. The color contrast of all content-conveying elements (text, links, banners) or functional elements must have a brightness ratio of at least 4.5:1, ideally not less than 7:1. The page should be significantly (at least 200%) zoomable using browser tools. Ideally, the page should still fit within the browser window horizontally when zoomed and not display horizontal scroll bars. The enlarged page should not "lose" content. All page titles must be unique and inform the user about the content of the subpage they are on. The content layout in the title should follow the scheme: [Subpage title] - [Institution Name]. All subpages should be based on headings. Headings (h1-h6) are the primary way of organizing content on a page. The h1 header should be the main title of the page. Unordered and ordered lists should be used to organize content in texts or navigation elements. The language of the page and fragments of foreign languages should be specified using the lang attribute. Quotes should be appropriately highlighted, at least with quotation marks. The code of the website should comply with standards and not use tables as a structural element of the page. Tables used for data presentation should be constructed in the simplest way possible and have headers. All frames should have appropriate titles. All scripts and applets should be accessible to visually impaired individuals and those who solely use a keyboard. Forms, including search forms, should be built according to standards. All form fields and buttons should be properly labeled. The website should be accessible in browsers and devices with disabled CSS.
All graphic elements should have concise alternative text (alt) that describes the content of the graphic or, if the graphic is a link, where the link leads to. If graphics are purely decorative, they should have an "empty alt attribute". Animated elements and moving texts should be avoided as they distract all users, not just those with disabilities. Some aggressively and rapidly animated graphics can pose a risk to individuals with photosensitive epilepsy. All audio files (broadcasts, interviews, lectures) should be accompanied by a textual transcription. Players for these files on the website should be operable by the keyboard and accessible to visually impaired individuals. All video files should have subtitles for the hearing impaired. Players should be accessible to visually impaired individuals and those who solely use a keyboard. All multimedia and Flash files should be accessible or provided in an alternative format. PDF, Word, and other popular downloadable files should be prepared as accessible. For example, PDF files should have a structure that aids visually impaired individuals in navigating such documents. Texts published on the website should be written in the simplest way possible, so that individuals with less education or intellectual disabilities can access them. Texts should be presented in a clear manner, divided into paragraphs, lists, and other sections; not justified to the right; acronym abbreviations should be expanded upon in their first occurrence on each page. Text should be supplemented with headings (h1-h6) so that visually impaired individuals can easily navigate to their desired section. Navigation (menu) should be coherent, logical, and consistent within the website. Site-wide navigation should be accessible from the keyboard. All active elements, such as links, banners, or form fields, should have a clear visual focus (usually in the form of a visible frame while navigating the page with the TAB key). It is recommended to enhance the default focus, so that it is well-visible to visually impaired individuals as well. All links should be unique and understandable, even out of context. Links should not be in the form of ">>", "more", or "click here". Links should not open in a new browser window or tab without warning. The use of "skip links" is recommended, allowing direct access to the content of individual pages. This is particularly important for websites that have dozens of links in the main navigation/menu. The color contrast of all content-conveying elements (text, links, banners) or functional elements must have a brightness ratio of at least 4.5:1, ideally not less than 7:1. The page should be significantly (at least 200%) zoomable using browser tools. Ideally, the page should still fit within the browser window horizontally when zoomed and not display horizontal scroll bars. The enlarged page should not "lose" content. All page titles must be unique and inform the user about the content of the subpage they are on. The content layout in the title should follow the scheme: [Subpage title] - [Institution Name]. All subpages should be based on headings. Headings (h1-h6) are the primary way of organizing content on a page. The h1 header should be the main title of the page. Unordered and ordered lists should be used to organize content in texts or navigation elements. The language of the page and fragments of foreign languages should be specified using the lang attribute. Quotes should be appropriately highlighted, at least with quotation marks. The code of the website should comply with standards and not use tables as a structural element of the page. Tables used for data presentation should be constructed in the simplest way possible and have headers. All frames should have appropriate titles. All scripts and applets should be accessible to visually impaired individuals and those who solely use a keyboard. Forms, including search forms, should be built according to standards. All form fields and buttons should be properly labeled. The website should be accessible in browsers and devices with disabled CSS.
2 users upvote it!
0 answers