The internet is a vital channel for accessing information and services. Therefore, it is essential to design websites that cater to the needs of all individuals, ensuring that the vast majority of users can browse and use them with ease.
This page outlines the concepts behind accessible web design and the specific accessibility features implemented on this website.
To enhance readability and ease of use—ensuring that individuals with diverse needs can navigate our content—this website offers a range of accessibility features. These tools assist users with low vision, color vision deficiencies (such as color blindness), as well as those who rely on screen readers or keyboard-only navigation.
1. Font Resizing (Increase/Decrease)
The website includes a font resizing feature, allowing users to adjust the text size according to their individual visual needs. This improves reading comfort and makes content easier to distinguish. This feature is particularly beneficial for individuals with low vision, the elderly, those experiencing age-related vision decline, and users who spend long periods reading content on the site.
2. High-Contrast Mode
High-contrast mode adjusts the website’s display—typically using white text on a black background, light text on a dark background, or other high-contrast color schemes—to make text, buttons, menus, and content sections stand out more clearly.
This feature is designed for individuals with low vision, those with declining eyesight, and users browsing in environments with poor lighting or screen glare. By increasing the color contrast between the foreground text and the background, it reduces visual strain and makes essential information and interactive elements easier to identify.
3. Grayscale Mode
Grayscale mode converts all color-based content on the website into shades of black, white, and gray. This helps minimize visual distractions caused by vibrant colors or complex color schemes.
This feature assists individuals with color vision deficiencies or color blindness in more effectively identifying text, icons, buttons, and page layout structures. It is also beneficial for users who are sensitive to intense colors, bright tones, or highly saturated visuals. Additionally, grayscale mode reduces visual stimulation on the page, enhancing comfort during extended periods of reading.
Important information on the website is not conveyed solely through color; it is supplemented by text, icons, underlines, or other visual cues to ensure that users do not miss content due to an inability to distinguish between colors.
4. Link Underline Mode
When Link Underline Mode is enabled, all clickable text links on the website are displayed with an underline, making it easier for users to distinguish between standard text and hyperlinks.
This feature prevents the website from relying exclusively on text color to indicate links—a solution particularly helpful for individuals with color vision deficiencies, color blindness, or low vision, as well as users browsing on screens with low contrast. Clear, underlined indicators help users quickly identify clickable elements, reducing the likelihood of misinterpretation or operational difficulties.
5. Site Map
A site map provides a clear, hierarchical overview of the website’s main sections, page categories, and relevant links, allowing users to quickly grasp the site's overall content structure.
Users can navigate directly to their desired pages without needing to open menus layer by layer. This feature is especially useful for first-time visitors, those who find complex menus difficult to navigate, users who rely on keyboard navigation, or individuals who use screen-reading software.
The site map also serves as a supplement to primary navigation tools; if a user cannot locate specific information through menus or the search function, they can use the site map to quickly pinpoint the relevant content.
6. Multilingual `lang` Attributes
For different language versions, the website includes the appropriate `lang` attribute in the page code—for example, using `zh-Hant` for Traditional Chinese pages, or `pt` (or a more specific regional language code) for Portuguese pages.
Correct language attributes help screen readers identify the language of the page content and apply the appropriate pronunciation rules. This prevents, for instance, Chinese content from being read aloud using Portuguese or English phonetic patterns.
When a single page contains text in multiple languages, specific language attributes should be applied to the relevant sections. This allows assistive technologies to automatically switch languages and pronunciation styles during playback, thereby improving the accuracy and intelligibility of the content.
7. Resetting Accessibility Settings
A reset function is provided, allowing users to restore the website’s original display settings with a single click—for example, by disabling features such as high-contrast mode, grayscale mode, or underlined links.
