Effective Date: 10-May-2024
Last updated: 10-May-2024

At Article 33 Indonesia, we are dedicated to providing an inclusive online experience for all users. Our website follows international accessibility standards, complies Web Content Accessibility Guidelines (WCAG) 2.1. We have implemented features such as clear navigation, contrasting colors, appropriate titles, alt text for all images posted after the site launch in May 2024, keyboard navigation, and compatibility with assistive technologies. We're continually working to improve our accessibility and welcome your feedback to improve your browsing experience.

List of contents

Accessibility Statement

www.article33.or.id
May 10, 2024

Compliance Status

We firmly believe that the internet should be available and accessible to everyone, and are committed to providing a website that is accessible to the widest possible audience, regardless of circumstances or ability.

To meet this, we aim to comply as strictly as possible World Wide Web Consortium's (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) at AA level. These guidelines explain how to make web content accessible to a variety of people with disabilities. Complying with these guidelines helps us ensure that this website is accessible to everyone: the blind, those with motor disabilities, those with visual disabilities, those with cognitive disabilities, and more.

This website uses a variety of technologies that are intended to be accessible at all times. We use an accessibility interface that allows people with certain disabilities to customize the website UI (user interface) and design it according to their personal needs.

Additionally, this website uses an AI-based application that runs in the background and continuously optimizes its level of accessibility. This application remediates website HTML, adapting its functionality and behavior for screen readers used by visually impaired users, and for keyboard functions used by individuals with motor impairments.

If you find any damage or have ideas for improvement, we would love to hear from you. You can contact the website operator using the following email secretariat@article33.or.id

Screen Reader and Keyboard Navigation

Our website employs ARIA (Accessible Rich Internet Application) attribute techniques, as well as various behavioral changes, to ensure visually impaired users visiting screen readers can read, understand and enjoy the functionality of the website. As soon as a user with a screen reader enters your site, they immediately receive a prompt to log into their Screen Reader Profile so they can browse and operate your site effectively. Here's how our website meets some of the most important screen reader requirements, along with console screenshots of code examples:

Screen reader optimization: we run background processes that study website components from top to bottom, to ensure ongoing compliance even when updating the website. In this process, we provide meaningful data to screen readers using ARIA attribute sets. For example, we provide accurate shape labels; descriptions for actionable icons (social media icons, search icons, cart icons, etc.); validation wizard for form input; the role of elements such as buttons, menus, modal dialogs (popups), and others. Additionally, a background process scans all website images and provides accurate and meaningful image object recognition-based descriptions as ALT (alt text) tags for undescribed images. It will also extract text embedded within images, using OCR (optical character recognition) technology. To enable screen reader customization at any time, users just need to press the keyboard combination Alt+1. Screen reader users also get an automatic announcement to enable Screen reader mode as soon as they enter a website.

This customization is compatible with all popular screen readers, including JAWS and NVDA.
Keyboard navigation optimization: The background process also customizes the website's HTML, and adds various behaviors using JavaScript code to make the website keyboard-operable. This includes the ability to navigate websites using the Tab and Shift+Tab keys, operate dropdowns with the arrow keys, close them with Esc, trigger buttons and links using the Enter key, navigate between radio elements and checkboxes using the arrow keys, and fill with the Space key or Enter. Additionally, keyboard users will find quick navigation and content skip menus, available at any time by clicking Alt+1, or as the first element of the site when navigating with the keyboard. Background processes also handle triggered popups by moving keyboard focus toward them as soon as they appear, and not letting the focus stray outward.

Users can also use shortcuts such as “M” (menu), “H” (title), “F” (form), “B” (button), and “G” (graphic) to jump to a specific element.

Disability Profiles Supported on Our Website

Epilepsy Safe Mode: this profile allows people with epilepsy to use the website safely by eliminating the risk of seizures due to flashing or flashing animations and risky color combinations.
Blind Mode: this mode adapts the website for the comfort of users with visual impairments such as Decreased Vision, Tunnel Vision, Cataracts, Glaucoma, etc.
Cognitive Disability Mode: this mode provides different assistance options to help users with cognitive disorders such as Dyslexia, Autism, CVA and others, to more easily focus on important elements of the website.
ADHD Friendly Mode: this mode helps users with ADHD and neurodevelopmental disorders to read, search, and focus on key website elements more easily while significantly reducing distractions.
Blind Mode: this mode configures the website to be compatible with screen readers such as JAWS, NVDA, VoiceOver, and TalkBack. Screen readers are software for visually impaired users that are installed on computers and smartphones, and websites must be compatible with them.
Keyboard Navigation Profile (Motor Impairment): this profile allows people with motor disabilities to operate websites using the Tab, Shift+Tab, and Enter keys. Users can also use shortcuts such as “M” (menu), “H” (title), “F” (form), “B” (button), and “G” (graphic) to jump to a specific element.

Additional UI, Design and Readability Adjustments

Font adjustment – the user, can increase and decrease its size, change the group (type), adjust spacing, alignment, line height and much more.
Color adjustment – users can select various color contrast profiles such as light, dark, inverted and monochrome. Additionally, users can swap title, text, and background color schemes, with more than seven different coloring options.
Animation – epileptics can stop all running animations by clicking a button. Animations controlled by the interface include video flashing transitions, GIFs, and CSS.
Content highlighting – users can choose to emphasize important elements such as links and titles. They can also choose to highlight focused or hover elements only.
Audio mute – users with hearing aids may experience headaches or other problems due to automatic audio playback. This option allows users to mute entire websites instantly.
Cognitive impairment – we use a search engine linked to Wikipedia and Wiktionary, allowing people with cognitive impairments to decipher the meaning of phrases, initials, slang, etc.
Additional functions – we give users the option to change the color and size of the cursor, use printing modes, activate the virtual keyboard and many other functions.

Browser Compatibility and Assistive Technology

We aim to support as many browsers and assistive technologies as possible, so that our users can choose the tools that work best for them, with as few restrictions as possible. Therefore, we have worked very hard to be able to support all major systems that account for more than 95% user market share including Google Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS and NVDA (screen readers).

Notes, Comments and Feedback

Despite our best efforts to enable anyone to adapt the website to their needs. There may still be pages or sections that are not yet fully accessible, are in the process of becoming accessible, or do not have sufficient technological solutions to make them accessible. However, we continue to improve accessibility, add, update, and improve its options and features, and develop and adopt new technologies. All of this is intended to achieve an optimal level of accessibility, following technological advances. For any assistance, please contact secretariat@article33.or.id.