Jump to Navigation Jump to main content Jump to footer

Accessibility

Standards compliance

This site complies with the Web Accessibility Initiative's Web Content Accessibility Guidelines Level AAA, failing only on checkpoint 6.3 (http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-scripts) which says that content should be accessible when javascript is turned off or not supported.

All pages on this site validate as XHTML 1.0 Transitional.

Navigation

Access keys are applied to all of the main sections. Access keys are applied to all of the main sections.

Access Key Definitions:
access key 0: Home
access key 1: Locations
access key 2: Filming at The National gallery
access key 3: Contact Us
access key 4: Book Now
access key 5: High Victorian
access key 6: Sainsbury Wing
access key 7: Contemporary
access key 8: Exteriors
access key A: Accessibility statement
access key P: Privacy statement
access key C: Copyright notice
access key T: Terms & conditions
access key M: Send us an email

A logical tab sequence is applied between links and form elements to facilitate keyboard navigation.

Hidden “Jump to section” links are used to enable user skip repetitive content and navigate quickly across page sections.

Visual design

Foreground and background color combinations provide sufficient contrast even when viewed in a black and white screen.

Information is structured in small manageable blocks and any kind of visual clutter has been avoided.

Relative font size units are used rather than absolute, to enable text resizing. For this purpose textual titles rather than images have been preferred.

Navigation mechanisms are used in a consistent manner providing immediate access to any part of the website at any time.

Markup

This site uses structured semantic markup. Layout is controlled by cascading style sheets (CSS), but content is still readable and accessible by browsers that do not support CSS.

Headers are appropriately coded as using H1, H2 etc. elements and lists are marked up as lists using UL and OL elements. This defines an information hierarchy and facilitates content comprehension to visitors with screen readers. Additionally, form elements are explicitly associated with their controls and grouped together into small easy to understand chunks. Tables are used only to display tabular data, organised in a way that rows and headers are easily identified.

Alternative text descriptions are provided for all images.

Non-W3C Technologies like Macromedia Flash or Adobe Acrobat have been sparingly used and alternative content is provided when necessary.

Links

All links have title attributes, which describe the link in greater detail and give contextual information about their scope. The user is always warned when a link opens in another frame, or a new window, or even when a redirection is due to occur.

Javascript

Javascript is only used when it enhances the user experience dramatically. It’s functionality is based on device-independent event handlers so that users with assistive technologies are not restricted from accessing relative content. Unfortunately, browsers that do not support javascript may have serious limitations on this site.

Jump to header