Win the Final V&A Waterfront Expertise

Compliance standing

We firmly imagine 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 potential viewers,
no matter circumstance and talent.

To meet this, we intention to stick as strictly as potential to the World Extensive Internet Consortium’s (W3C) Internet Content material Accessibility Tips 2.1 (WCAG 2.1) on the AA degree.
These pointers clarify the right way to make internet content material accessible to folks with a big 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 potential always. We make the most of an accessibility interface that enables individuals with particular
disabilities to regulate the web site’s UI (consumer 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 continuously. 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.

If you happen to’ve discovered a malfunction or have concepts for enchancment, we’ll be completely happy to listen to from you. You’ll be able to attain out to the web site’s operators by utilizing the next e-mail

Display screen-reader and keyboard navigation

Our web site implements the ARIA attributes (Accessible Wealthy Web Purposes) approach, alongside numerous completely different behavioral adjustments, to make sure blind customers visiting with
screen-readers are in a position to learn, comprehend, and benefit from the web site’s features. As quickly as a consumer with a screen-reader enters your web site, they instantly obtain
a immediate to enter the Display screen-Reader Profile to allow them to browse and function your web site successfully. Right here’s how our web site covers a number of the most vital screen-reader necessities,
alongside console screenshots of code examples:

1. Display screen-reader optimization: we run a background course of that learns the web site’s parts 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 information utilizing the ARIA set of attributes. For instance, we offer correct kind labels;
   descriptions for actionable icons (social media icons, search icons, cart icons, and many others.); validation steering for kind inputs; component roles equivalent to buttons, menus, modal dialogues (popups),
   and others. Moreover, the background course of scans all the web site’s photographs and supplies an correct and significant image-object-recognition-based description as an ALT (alternate textual content) tag
   for photographs that aren’t described. It should additionally extract texts which might 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 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 in style display 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 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 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 transferring the keyboard focus in the direction of them as quickly as they seem, and never enable the main target drift outdoors it.

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

Incapacity profiles supported in our web site

• Epilepsy Secure Mode: this profile allows folks 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 mixtures.
• Visually Impaired Mode: this mode adjusts the web site for the comfort of customers with visible impairments equivalent to Degrading Eyesight, Tunnel Imaginative and prescient, Cataract, Glaucoma, and others.
• Cognitive Incapacity Mode: this mode supplies completely different assistive choices to assist customers with cognitive impairments equivalent to Dyslexia, Autism, CVA, and others, to deal with the important parts of the web site extra simply.
• ADHD Pleasant Mode: this mode helps customers with ADHD and Neurodevelopmental problems to learn, browse, and deal with the principle web site parts extra simply whereas considerably decreasing distractions.
• Blindness Mode: this mode configures the web site to be appropriate with screen-readers equivalent to 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 should be appropriate 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 equivalent to “M” (menus), “H” (headings), “F” (kinds), “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 (kind), modify the spacing, alignment, line peak, and extra.
2. Shade changes – customers can choose numerous colour distinction profiles equivalent to mild, darkish, inverted, and monochrome. Moreover, customers can swap colour schemes of titles, texts, and backgrounds, with over seven completely different coloring choices.
3. Animations – individual with epilepsy can cease all working animations with the clicking of a button. Animations managed by the interface embody movies, GIFs, and CSS flashing transitions.
4. Content material highlighting – customers can select to emphasise vital parts equivalent to hyperlinks and titles. They’ll additionally select to focus on targeted or hovered parts solely.
5. Audio muting – customers with listening to units might expertise complications or different points on account of automated audio taking part in. This selection lets customers mute your entire web site immediately.
6. Cognitive problems – we make the most of a search engine that’s linked to Wikipedia and Wiktionary, permitting folks with cognitive problems 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 lots of different features.

Browser and assistive know-how compatibility

We intention to help the widest array of browsers and assistive applied sciences as potential, so our customers can select the very best becoming instruments for them, with as few limitations as potential. Due to this fact, we’ve labored very laborious to have the ability to help all main programs that comprise over 95% of the consumer market share together with Google Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS and NVDA (display 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 totally accessible, are within the means of turning into accessible, or are missing an satisfactory technological resolution to make them accessible. Nonetheless, we’re regularly 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