12 Days of Giveaways: Day 12 – Cape City Expertise

Compliance standing

We firmly consider that the web needs 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 intention to stick as strictly as doable to the World Large Internet Consortium’s (W3C) Internet Content material Accessibility Tips 2.1 (WCAG 2.1) on the AA degree.
These pointers clarify learn how to make internet content material accessible to individuals with a big selection of disabilities. Complying with these pointers helps us be sure that the web site is accessible
to all individuals: blind individuals, individuals 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 permits 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 degree consistently. This utility remediates the web site’s HTML,
adapts Its performance and conduct for screen-readers utilized by the blind customers, and for keyboard features utilized by people with motor impairments.

For those who’ve discovered a malfunction or have concepts for enchancment, we’ll be joyful to listen to from you. You’ll be able to attain out to the web site’s operators through the use of the next electronic mail

Display-reader and keyboard navigation

Our web site implements the ARIA attributes (Accessible Wealthy Web Functions) method, alongside numerous totally different behavioral modifications, 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-Reader Profile to allow them to browse and function your website successfully. Right here’s how our web site covers a few of the most vital screen-reader necessities,
alongside console screenshots of code examples:

1. Display-reader optimization: we run a background course of that learns the web site’s parts from prime 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 so forth.); validation steering for type inputs; aspect roles reminiscent of buttons, menus, modal dialogues (popups),
   and others. Moreover, the background course of scans all the web site’s pictures and gives an correct and significant image-object-recognition-based description as an ALT (alternate textual content) tag
   for pictures that aren’t described. It is going to additionally extract texts which can be embedded throughout the picture, utilizing an OCR (optical character recognition) know-how.
   To activate screen-reader changes at any time, customers want solely to press the Alt+1 keyboard mixture. Display-reader customers additionally get automated bulletins to show the Display-reader mode on
   as quickly as they enter the web site.

   These changes are suitable with all widespread display screen readers, together with JAWS and NVDA.

2. 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 flexibility 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 parts 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 parts of the location 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 enable the main focus drift exterior it.

   Customers may use shortcuts reminiscent of “M” (menus), “H” (headings), “F” (varieties), “B” (buttons), and “G” (graphics) to leap to particular parts.

Incapacity profiles supported in our web site

• Epilepsy Protected Mode: this profile allows individuals with epilepsy to make use of the web site safely by eliminating the chance 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 reminiscent of 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 reminiscent of Dyslexia, Autism, CVA, and others, to give attention to the important parts of the web site extra simply.
• ADHD Pleasant Mode: this mode helps customers with ADHD and Neurodevelopmental issues to learn, browse, and give attention to the primary web site parts extra simply whereas considerably decreasing distractions.
• Blindness Mode: this mode configures the web site to be suitable with screen-readers reminiscent of JAWS, NVDA, VoiceOver, and TalkBack. A screen-reader is software program for blind customers that’s put in on a pc and smartphone, and web sites have to be suitable with it.
• Keyboard Navigation Profile (Motor-Impaired): this profile allows motor-impaired individuals to function the web site utilizing the keyboard Tab, Shift+Tab, and the Enter keys. Customers may use shortcuts reminiscent of “M” (menus), “H” (headings), “F” (varieties), “B” (buttons), and “G” (graphics) to leap to particular parts.

Further UI, design, and readability changes

1. Font changes – customers, can improve and reduce its dimension, change its household (sort), regulate the spacing, alignment, line top, and extra.
2. Coloration changes – customers can choose numerous colour distinction profiles reminiscent of mild, darkish, inverted, and monochrome. Moreover, customers can swap colour schemes of titles, texts, and backgrounds, with over seven totally different coloring choices.
3. Animations – individual with epilepsy can cease all working animations with the press of a button. Animations managed by the interface embrace movies, GIFs, and CSS flashing transitions.
4. Content material highlighting – customers can select to emphasise vital parts reminiscent of hyperlinks and titles. They will additionally select to focus on targeted or hovered parts solely.
5. Audio muting – customers with listening to units might expertise complications or different points as a result of automated audio enjoying. This feature lets customers mute your complete web site immediately.
6. Cognitive issues – we make the most of a search engine that’s linked to Wikipedia and Wiktionary, permitting individuals with cognitive issues to decipher meanings of phrases, initials, slang, and others.
7. Further features – we offer customers the choice to vary cursor colour and dimension, use a printing mode, allow a digital keyboard, and plenty of different features.

Browser and assistive know-how compatibility

We intention to assist the widest array of browsers and assistive applied sciences as doable, so our customers can select the perfect becoming instruments for them, with as few limitations as doable. Subsequently, now we have labored very exhausting to have the ability to assist 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 absolute best efforts to permit anyone to regulate the web site to their wants. There should be pages or sections that aren’t totally accessible, are within the technique of turning into accessible, or are missing an ample technological answer to make them accessible. Nonetheless, we’re frequently bettering our accessibility, including, updating and bettering its choices and options, and growing and adopting new applied sciences. All that is meant to succeed in the optimum degree of accessibility, following technological developments. For any help, please attain out to