Responsive layouts, browser compatibility, markup and accessibility. All of our website themes have the following standard features.
Responsive Layout
All of our themes have a responsive design, catering for desktop, tablet and mobile screen sizes. Content and layout will adapt to fit the device the site is being viewed on, including the resizing of images, rearranging of content and adaptive menus.
Markup
All of our themes conform to HTML 5 standards.
JavaScript
All of our themes use JavaScript to deliver a richer experience. However they will all still work with JavaScript disabled.
Browser Compatibility
When designing themes we follow the browser support guidelines of GDS, which represents 95% users. These can be summarised as:
Operating System | Browsers |
---|---|
Windows | The latest versions of Edge, Chrome and Firefox |
macOS | The latest versions of Safari, Chrome and Firefox |
iOS | The latest versions of Mobile Safari and Chrome |
Android | The latest versions of Android Browser and Chrome |
Accessibility
Themes are designed to deliver HTML content in accordance with the Web Accessibility Initiative's (WAI) Web Content Accessibility Guidelines (WCAG) Version 2.1, to level 'AA' standards. There's more information in the Accessibility Features article.
Links
Links within the main page content are displayed in a contrasting colour. Links to content within the navigation and asset panels are styled as per those panels. On mouseover, link text will be underlined. If a link matches the currently displayed page, it no longer acts as a link.
A link's "title" element, if present, will display as the tooltip on mouseover.
By default, links to pages within the site will open in the same browser tab, links to external sites will open in a new browser tab.
Inlines
Inline support is provided by the site frameworks rather than the themes themselves. See Inlines - Standard Behaviour form more information.
Icons
All of the themes have a content managed favicon and Apple Touch icon. These are set in the subsite configuration.
Cookie Banners
All of our themes support the Cookie Policy banners described in the Cookie Policy Template and Banner section.
Links to Articles - Headings and Summaries
When an article appears as part of another article you'll often see some text accompanying it. This is true for articles in lists, articles in search results, and articles displayed on some home pages or in panels of content on other pages.
As a general rule an article will output its heading text and summary text. The heading can be overridden by the article alternate link text. If the article doesn't have summary text it will fall back to the introductory text.
Site Framework Features
All of the site themes support standard framework features including:
- Page last modified dates
- Page feedback
- Content managed 404 pages
- Custom JavaScript and CSS
- Changing the format of the document title
- Custom metadata
- Robots.txt files
- PWAs
See Subsite Configuration - Framework Features for all of the settings.