Accessibility

Using Our Website

Our websites have been designed to be as easy to use as possible for all users. Features of the site that make it easier to use are explained below.

New windows

Links to non-Shell websites and downloadable files such as PDF, Zip, or Word open in a new browser window when clicked. This allows you to switch between the Shell website and the newly opened window. Links to non-Shell websites will first open a disclaimer statement, which will ask you to click on the ‘Continue your journey’ link to proceed. On all Shell websites, links that open in a new window are clearly marked either by text next to the link title or within the link title tag (alt text).

Page titles

Each page has its own unique page title that clearly explains the page content. This will help you keep track of where you are in the website, and make it possible to distinguish between pages when you have more than one window or tab open.

Headings

Headings are relevant and provided in a logical order so that you can use them to get an overview of the page. For screen reader users, this means that you may be able to use screen reader functions to jump from heading to heading, or have a list of all headings displayed, so that you can decide which one is of most interest to you, and then go straight to it.

Data tables

Data tables have row and column headings where necessary that are not only visually different from the data cells, but coded so that screen readers will be able to identify them. This will make it possible for screen reader users to find out what the relevant headings are, from anywhere within the table grid.

Links

Links are written so that they are clear, concise, and unique on each page. This makes the links easier to scan visually as well as if you are using a screen reader.

Page layout

The homepage displays four quadrants in the main body of the page. These give access to the four main areas of the site. On every Shell webpage the same four areas can be accessed from the horizontal navigation bar across the top of each page. This ensures you are able to access any area of the site no matter where you are.

As you begin to explore Shell.com you’ll discover that as you navigate the site, a trail begins to build up on the left of the page. This left navigation pane allows you to return to an area you may previously have navigated from, or instead, use it to continue on your journey to find more detailed information.

The body of the page is where you will find the real content of the Shell site. This will change and update as you navigate across and around the site. The footer has four main navigation areas: About our website, Main areas, Tools and a summary text. These are common across all Shell websites. About our website gives access to Accessibility Help, Terms and Conditions, Privacy Policy and our Global Helpline (where you can report compliance issues). The Tools section is unique to each website showing relevant applications such as station locator, job search, share price calculator etc. You will also find the search field within the footer. From here you can carry out a site wide search in order to find articles and information important to you.

Browser keyboard shortcuts

The Shell website has been designed with the needs of non-mouse users in mind, for example people with Repetitive Strain Injury (RSI) who can only use an ergonomic keyboard to surf the web, or upper mobility problems who use voice input software as well as non-sighted users who use screen readers.

This section explains the ways you can navigate Shell web pages with just the keyboard and explains how standard keyboard shortcuts can make keyboard navigation much easier.

It is very easy, for example, to open Windows Explorer by holding down the Windows logo key and pressing E.

This is much quicker than clicking on the Start button, then Programs, then Accessories and finally Windows Explorer.

Please note that if you do not have the exact version of a particular browser then some or all of these shortcuts might not function.

Use of keyboard short cuts
Microsoft Internet Explorer 6.x

Description Shortcut Key
Move virtual cursor to the top of the web page CTRL + Home
Move virtual PC cursor to the end of the web doc CTRL + End
Go to a new web page/visit a new site CTRL + O or CTRL + l
Open another web browser window CTRL + N
To toggle the History pane/window on and off CTRL + H
To toggle the Favorites pane/window on and off CTRL + I
To bookmark the currently loaded page as a Favorite CTRL + D
Opens the 'organize your Favorites' treeview window (Turn off virtual cursor first with insert z) CTRL + B
Move cursor to the Address bar Alt + D
Stop downloading current page ESC
Refresh the currently loaded web page F5

Shortcut Keys

Microsoft Internet Explorer 7.0

General Shortcuts
Turn Full Screen Mode on or off F11
Cycle through the Address Bar, Refresh button, Search Box, and items on a web page TAB
Find a word or phrase on a page CTRL+ F
Open the current webpage in a new window CTRL+ N
Print the page CTRL+ P
Select all items on the page CTRL+ A
Zoom in CTRL+ +
Zoom out CTRL+ -
Zoom to 100 CTRL+ 0
Navigation Shortcuts
Go to home page ALT + Home
Go backwards ALT + Left
Go forward ALT + Right
Refresh page F5
Refresh page and the cache CTRL + F5
Stop downloading page ESC
Favourites Centre Shortcuts
Open Favourites CTRL + I
Open Favourites in pinned mode CTRL + SHIFT+I
Organise Favourites CTRL + B
Add current page to Favourites CTRL+ D
Open Feeds CTRL+ J
Open Feeds in pinned mode CTRL+ SHIFT J
Open History CTRL+ H
Open History in pinned mode CTRL+ SHIFT+ H
Tab Shortcuts
Open link in new background tab CTRL+left mouse button or middle mouse button
Open link in new foreground tab CTRL+SHIFT+left mouse button or

CTRL+SHIFT+middle mouse button
Close tab (closes window if only one tab is open) CTRL+W or CTRL+F4
Open Quick Tab view CTRL+Q
Open new tab CTRL+T
View list of open tabs CTRL+SHIFT+Q
Switch to next tab CTRL+TAB
Switch to previous tab CTRL+SHIFT+TAB
Address Bar Shortcuts
Select the Address Bar ALT+D
Add "http://www/." to the beginning and ".com" to the end of text in Address Bar CTRL+ ENTER
Add “http://www.” to the beginning and the website address suffix you have specified to the end of text in the Address Bar* CTRL+SHIFT+ENTER
Open the website address that is typed in the Address Bar in new tab ALT + Enter
View list of previously typed addresses F4
Search Bar Shortcuts
Select the Search Bar CTRL+E
View list of search providers CTRL+DOWN
Open search results in new tab ALT+ENTER
To do this Do this
Delete cookies, passwords, form data, history, and temporary Internet files Tools > Manage Add-ons > Find More Add-ons
Find and install add-ons Tools > Manage Add-ons > Find More Add-ons
Print part of page Select part of the page you want to print, press CTRL+P, click Selection, and then click Print
Change website address suffix* Tools > Internet Options > Languages

Firefox (1.0, 1.5 and 2.0)

Shortcuts for Firefox users vary between the different keyboard layouts and the operating system being used. For a full reference of keyboard shortcuts please see Morzilla Support - opens in new window.

Shortcut keys

Opera 9.0



Tabs  
Open a new tab Ctrl + T
Close a tab Ctrl + W
Cycle between tabs Alt + Page Down or Ctrl + Tab
Scrolling one line up  
One line down  
One character to the left  
One character to the right  
One screen up Shift + Space or Page Up
One screen down Space or Page Down
One screen to the left Ctrl + Page Up
One screen to the right Ctrl + Page Down
Go to top Home
Go to bottom End
Navigation  
Next link up  
Next link down  
Next link to the left  
Next link to the right  
Activate link Enter
Activate link in new tab Shift + Enter
History  
Previous page in history  
Next page in history  
Reload the current page F5 or Ctrl + R
Rewind Shift + Z
Fast forward Shift + X
Show entire backward history Alt + Z
Show entire forward history Alt + X
Find  
Find text in page Ctrl + F or .(period), or /
Find next instance of text Ctrl + G
Find previous instance of text Ctrl + Shift + G
Find text in links in page , (comma), or Shift + /
Display  
Use entire screen for viewing page  F11
Pretend to be small-screen device Shift + F11
Zooming  
Zoom in 10% + or 0
Zoom out 10% - or 9
Zoom in 100% Ctrl + or 8
Zoom out 100% Ctrl - or 7
Restore zoom to 100% 6
System Keys  
Open file Ctrl + O

For more information and additional keyboard shortcuts for other browsers please visit the Royal National Institute for the Blind - opens in new window (RNIB) - opens in new window website.

Customising Our Website

Using our website

Our websites have been designed to be as easy to use as possible for all users. Features of the site that make it easier to use are explained below.

• Making text larger
• Magnifying your screen
• Changing the font
• Changing font and background colour

A lot of web pages can be difficult to view because the text is too small to comfortably read. Choose from the following web browsers for step-by-step instructions on how to increase the size of the text on any web page you are viewing:

Internet Explorer (5.0, 5.5  6.0 7.0)

1. Open your Internet Explorer browser.
2. Open the ‘View’ menu with the mouse.
3. Click on ‘Text Size’.
4. Choose your preferred text size with the mouse, or use the up and down arrow keys and press 'Enter'.
 
Firefox (1.0, 1.5, 2.0)

1. Open your Firefox browser.
2. Open the ‘View’ menu.
3. Click on ‘Text Size’.
4. Click on ‘Increase’. A quicker way to increase the text size is to hold Ctrl (Cmd in Mac OS X) and scroll down with your mouse.
 
Opera (9.0)

1. Open your Opera browser.
2. Open the ‘View’ menu.
3. Click on ‘Zoom’.
4. Click on your required zoom level
 
Safari (3)

1. Open your Safari browser.
2. Open the ‘View’ menu.
3. Select the “Make text larger” menu item.
Note: If this does not work it could be because your computer settings cannot be changed due to local IT policies - contact your local IT support for further help.

Magnifying your screen

If increasing the text size via the browser or Windows options does not make text easy to read another solution is to magnify your screen. All recent versions of Windows include magnification software, which can make it easier to read text on the screen.
 
The Windows magnifier lets you increase text to a very large size. It is, however, restricted to a small portion of the screen so most visually impaired people find that they require fully-functional magnification software.

Windows 95, 98, 2000, Me, XP, Vista

1. Open the Start menu by clicking on the Start button or by pressing the Windows logo key (located between the Ctrl + Alt keys on most keyboards) alternatively press Ctrl + Esc
2. Click on Programs or alternatively press P on the keyboard until Programs is highlighted and then press Enter
3. Click on Accessories or press A on the keyboard until Accessories is highlighted and then press Enter
4. Click on Accessibility or if you are using the keyboard, it will already be highlighted so just press Enter
5. Click on Magnifier or press M and when Magnifier is highlighted, press Enter on the keyboard
6. The magnifier is now turned on and the settings box appears.
7. You can click in the magnification level box to change the level of magnification, or use the up and down arrow keys
8. You can minimise the magnifier settings box by clicking the minimise button or by pressing Alt + Spacebar and then press N
 

Mac OS 8, 9, OS X

For users with the Mac OS 8 or 9 operating system the magnifier CloseView is available. Users running OS X will need to use the inbuilt zoom feature.

Mac OS 8 and 9

To open the Closeview magnifier follow these steps

1. Select the Apple Menu
2. Navigate to the “Control Panels” sub menu and select “Closeview”
3. Follow the on-screen prompts to magnify your viewing area

Mac OS X

1. Select the Apple Menu
2. Select the “System Preferences” option from the menu.
3. Select the “Universal Access” icon
4. Select the “Seeing” tab.
5. Select the “Turn on zoom” option
6. To zoom in press the Alt, Apple and + Sign on the keyboard
7. To zoom out press the Alt, Apple and - Sign on the keyboard
Note: Your maximum and minimum zoom levels can be set from the “Zoom Options…” button.

Changing the font
Internet Explorer (5.0, 5.5 6.0 and 7.0)

1. Open your Internet Explorer browser
2. Open the ‘Tools’ menu with the mouse
3. Click on ‘Internet Options’, or press 'O'
4. Click ‘Accessibility’, or press Alt+E
5. Check the ‘Ignore font styles specified on Web pages’ checkbox with the mouse or by pressing Alt+S
6. Click ‘OK’, or press enter
7. Click ‘Fonts’, or press Alt+N
8. Select a web page font of your choice with the mouse, or by pressing Alt+W and arrowing through the list
9. Click 'OK' twice, or press Enter twice
 

Firefox (1.0, 1.5 and 2.0)

1. Click on the 'Tools' menu with the mouse or press 'Alt ' + 'T'
2. Click on 'Options', or press 'O' to open the ' Options ' dialog box
3. Make sure that the 'General' option is selected - if not either click on it or press 'Tab' until it is highlighted and then press 'Enter'
4. Click on ' Fonts & Colors ' or press 'F'
5. Click on the box next to 'proportional:' and choose your font type - serif or sans serif - or press 'Tab' until the option box is highlighted, use the arrow keys to expand it and choose your font type and then press 'Enter'
6. Choose your specific font by clicking on the 'Serif:' or 'Sans-serif:'  drop down menus depending on what font type you selected for 'Proportional' and scroll down and select the font you want or 'Tab' into the relevant drop down menu ('Serif:' or 'Sans-Serif:') and use the arrow keys to move 'up' and 'down' the list. Once the font you want is highlighted press 'Enter' to select it.
7. Click on 'Always use my:' 'Fonts' checkbox, or press 'Tab' until the checkbox is highlighted and press the 'Spacebar'
8. Click 'OK' or press 'Enter'
9. Click 'OK' or tab to 'OK' button and press 'Enter '
 

Opera (9.0)

1. Open the ‘View’ menu with the mouse or press Alt+V
2. Click on ‘Style’ or press 'S'
3. Click on accessibility layout or press ‘C’
 

Safari (3)

1. Open the ‘Edit’ menu
2. Select ‘Preferences’
3. Press the ‘Select…’ button next to the Standard font: option
4. Select the required font from the list of available fonts
 

Changing font and background colour

For some people certain text and background colour combinations are difficult to read. Some internet users also prefer to always have a specific colour such as white text on a black background. In either case it is easy to set your own colours.

Internet Explorer (5.0, 5.5, 6.0 and 7.0)

1. Click on the Tools menu
2. Click on 'Internet Options', or press 'O'
3. Click on the 'Colors' button, or press Alt+O
4. Choose to have your Windows colour scheme reflected by selecting the "Use Windows colors" option with the mouse or by pressing Alt+W
5. Alternatively, select either the Text button with the mouse (or by pressing Alt+T), or the Background button with the mouse (or by pressing Alt+B)
6. Select the colour with the mouse or by using the arrow keys
7. Click the 'OK' button twice, or press Enter twice
 

Firefox (1.0, 1.5 and 2.0)

1. Open the ‘Tools’ menu with the mouse or press Alt+T
2. Click on ‘Options’ or press 'O'
3. Select the button 'Fonts & Colours'
4. Choose to have your Windows colour scheme reflected by ‘Tabbing to the Use System Colors option’ or  click on the ‘Text’ or ‘Background color’ option and choose an alternative colour
 

Opera (9.0)

1. Open the ‘View’ menu with the mouse or press Alt+V
2. Click on ‘Style’ or press 'S'
3. Click on accessibility layout or press “C”

 

Mac OS 8 & 9 and Mac OS X

Text and background colours can also be changed in the Mac operating system. This can help to ensure sufficient contrast when viewing the site

Mac OS 8 & 9

1. Select the ‘Apple’ Menu
2. Select the ‘Control Panels sub-menu and choose ‘Appearance’
3. Select the ‘Appearance’ Tab
4. Select a colour from the drop down menu next to ‘Highlight Colour’
5. To change the menu and control colours select a colour from the variation drop down menu

Mac OS X

Mac OS X comes with an inbuilt high colour contrast scheme. To activate this scheme follow these steps.

1. Select the ‘Apple’ Menu
2. Select ‘System Preferences’
3. Select the ‘Universal Access’ Icon
4. Select the ‘Seeing’ Tab.
5. Click the “Switch to white on black’ option
6. The desktop appearance will now change.

Back to Top