[ad_1]
Accessibility Assertion
- www.capetown.journey
- 17 July 2024
Compliance standing
We firmly consider that the web ought to be out there and accessible to anybody, and are dedicated to offering a web site that’s accessible to the widest doable viewers,
no matter circumstance and skill.
To satisfy this, we purpose to stick as strictly as doable to the World Large Net Consortium’s (W3C) Net Content material Accessibility Pointers 2.1 (WCAG 2.1) on the AA stage.
These pointers clarify easy methods to make net content material accessible to folks with a wide selection of disabilities. Complying with these pointers helps us be sure that the web site is accessible
to all folks: blind folks, folks with motor impairments, visible impairment, cognitive disabilities, and extra.
This web site makes use of numerous applied sciences that are supposed to make it as accessible as doable always. We make the most of an accessibility interface that enables individuals with particular
disabilities to regulate the web site’s UI (person interface) and design it to their private wants.
Moreover, the web site makes use of an AI-based utility that runs within the background and optimizes its accessibility stage consistently. This utility remediates the web site’s HTML,
adapts Its performance and habits for screen-readers utilized by the blind customers, and for keyboard features utilized by people with motor impairments.
When you’ve discovered a malfunction or have concepts for enchancment, we’ll be joyful to listen to from you. You possibly can attain out to the web site’s operators through the use of the next electronic mail
Display screen-reader and keyboard navigation
Our web site implements the ARIA attributes (Accessible Wealthy Web Purposes) method, alongside numerous totally different behavioral adjustments, to make sure blind customers visiting with
screen-readers are capable of learn, comprehend, and benefit from the web site’s features. As quickly as a person with a screen-reader enters your website, they instantly obtain
a immediate to enter the Display screen-Reader Profile to allow them to browse and function your website successfully. Right here’s how our web site covers a number of the most vital screen-reader necessities,
alongside console screenshots of code examples:
-
Display screen-reader optimization: we run a background course of that learns the web site’s elements from high to backside, to make sure ongoing compliance even when updating the web site.
On this course of, we offer screen-readers with significant knowledge utilizing the ARIA set of attributes. For instance, we offer correct type labels;
descriptions for actionable icons (social media icons, search icons, cart icons, and many others.); validation steerage for type inputs; aspect roles akin to buttons, menus, modal dialogues (popups),
and others. Moreover, the background course of scans all the web site’s photographs and gives an correct and significant image-object-recognition-based description as an ALT (alternate textual content) tag
for photographs that aren’t described. It can additionally extract texts which are embedded throughout the picture, utilizing an OCR (optical character recognition) expertise.
To activate screen-reader changes at any time, customers want solely to press the Alt+1 keyboard mixture. Display screen-reader customers additionally get automated bulletins to show the Display screen-reader mode on
as quickly as they enter the web site.These changes are appropriate with all widespread display screen readers, together with JAWS and NVDA.
-
Keyboard navigation optimization: The background course of additionally adjusts the web site’s HTML, and provides numerous behaviors utilizing JavaScript code to make the web site operable by the keyboard. This consists of the power to navigate the web site utilizing the Tab and Shift+Tab keys, function dropdowns with the arrow keys, shut them with Esc, set off buttons and hyperlinks utilizing the Enter key, navigate between radio and checkbox components utilizing the arrow keys, and fill them in with the Spacebar or Enter key.Moreover, keyboard customers will discover quick-navigation and content-skip menus, out there at any time by clicking Alt+1, or as the primary components of the positioning whereas navigating with the keyboard. The background course of additionally handles triggered popups by shifting the keyboard focus in direction of them as quickly as they seem, and never permit the main target drift outdoors it.
Customers can even use shortcuts akin to “M” (menus), “H” (headings), “F” (varieties), “B” (buttons), and “G” (graphics) to leap to particular components.
Incapacity profiles supported in our web site
- Epilepsy Secure Mode: this profile permits folks with epilepsy to make use of the web site safely by eliminating the danger of seizures that consequence from flashing or blinking animations and dangerous colour combos.
- Visually Impaired Mode: this mode adjusts the web site for the comfort of customers with visible impairments akin to Degrading Eyesight, Tunnel Imaginative and prescient, Cataract, Glaucoma, and others.
- Cognitive Incapacity Mode: this mode gives totally different assistive choices to assist customers with cognitive impairments akin to Dyslexia, Autism, CVA, and others, to concentrate on the important components of the web site extra simply.
- ADHD Pleasant Mode: this mode helps customers with ADHD and Neurodevelopmental issues to learn, browse, and concentrate on the primary web site components extra simply whereas considerably lowering distractions.
- Blindness Mode: this mode configures the web site to be appropriate with screen-readers akin to JAWS, NVDA, VoiceOver, and TalkBack. A screen-reader is software program for blind customers that’s put in on a laptop and smartphone, and web sites have to be appropriate with it.
- Keyboard Navigation Profile (Motor-Impaired): this profile permits motor-impaired individuals to function the web site utilizing the keyboard Tab, Shift+Tab, and the Enter keys. Customers can even use shortcuts akin to “M” (menus), “H” (headings), “F” (varieties), “B” (buttons), and “G” (graphics) to leap to particular components.
Further UI, design, and readability changes
- Font changes – customers, can enhance and reduce its dimension, change its household (kind), regulate the spacing, alignment, line peak, and extra.
- Coloration changes – customers can choose numerous colour distinction profiles akin to gentle, darkish, inverted, and monochrome. Moreover, customers can swap colour schemes of titles, texts, and backgrounds, with over seven totally different coloring choices.
- Animations – individual with epilepsy can cease all working animations with the clicking of a button. Animations managed by the interface embrace movies, GIFs, and CSS flashing transitions.
- Content material highlighting – customers can select to emphasise vital components akin to hyperlinks and titles. They will additionally select to spotlight centered or hovered components solely.
- Audio muting – customers with listening to units might expertise complications or different points on account of automated audio enjoying. This feature lets customers mute the whole web site immediately.
- Cognitive issues – we make the most of a search engine that’s linked to Wikipedia and Wiktionary, permitting folks with cognitive issues to decipher meanings of phrases, initials, slang, and others.
- Further features – we offer customers the choice to alter cursor colour and dimension, use a printing mode, allow a digital keyboard, and plenty of different features.
Browser and assistive expertise compatibility
We purpose to help the widest array of browsers and assistive applied sciences as doable, so our customers can select one of the best becoming instruments for them, with as few limitations as doable. Subsequently, we’ve got labored very onerous to have the ability to help all main programs that comprise over 95% of the person market share together with Google Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS and NVDA (display screen readers).
Notes, feedback, and suggestions
Regardless of our best efforts to permit anyone to regulate the web site to their wants. There should be pages or sections that aren’t absolutely accessible, are within the strategy of turning into accessible, or are missing an enough technological resolution to make them accessible. Nonetheless, we’re regularly enhancing our accessibility, including, updating and enhancing its choices and options, and creating and adopting new applied sciences. All that is meant to achieve the optimum stage of accessibility, following technological developments. For any help, please attain out to
[ad_2]
Source link