At, we firmly believe, and recognise and value the provision of information on this website in a format which is accessible to all, regardless of ability or disability. As such, in developing the website we have given the utmost effort to comply with internationally accepted web standards, including accessibility guidelines, in order to make it accessible to as many people as possible. We have given particular attention to apply the highest technical standards relating to this website which are concentrated on enriching the Hajj and ‘Umrah Portal as well as raising accessibility to all its content. All pages on this site should be valid to HTML 5, use CSS 3 and conform to the WCAG A standard.

Standards Compliance
  • Valid CSS: Our web pages are styled using valid CSS3 code. We validate our pages regularly to ensure this standard is maintained.
  • Accessibility: The is built with WCAG 2.0 recommendations in mind. There is every possibility we may fall short in total compliance as some of the guidelines require interpretation and we have used informed judgement to implement them with the needs of users foremost in mind. Also we have working methods in place to try to maintain this level of accessibility.
  • New web content: Where we plan to develop new contents, we review our pages to assess what needs to be done, to conform to the new guidelines and to devise an implementation plan.

Standards and guidelines do not necessarily address all accessibility issues, so we particularly encourage anyone having difficulties using our site to contact us directly so we can fix any outstanding problems. Comments or suggestions on any matter concerning our website, including the accessibility of our pages, can be sent to the Web Master.

Navigation Aids

We have incorporated the following features into the site to help you find your way around:

Search box

  • We have incorporated a search box on the Home and Ask the Scholar pages allowing you to type in search terms according to your requirement.

Site map

  • If you are having any trouble locating the information you are looking for, a full site map is available at the footer under the General section on every page.

Breadcrumb trail

We have provided a breadcrumb trail feature above the main content of each page to show you the path from the home page to where you are in the site.


  • We try to ensure all our link text is written to make sense out of context.
  • We have used title attributes where appropriate to give further information about the target of a link.
Visual design


  • We use stylesheets for visual layout combined with structured markup of headings, paragraphs and lists to separate content from presentation.
  • The content of our pages is still readable if stylesheets are turned off or unavailable.
  • We have used relative font sizes on our pages to ensure text is re-sizeable in visual browsers. See below instructions for how to resize text in different browsers.


  • All content images have alt text providing equivalent text to describe their function.
  • Purely decorative images have empty alt text, i.e. alt="", which means screen readers ignore the images completely.
Browser and device compatibility

We test our pages to ensure the information they contain is accessible and responsive in a range of different browsers and devices as well as with screen reading software. By adhering to web standards we avoid the use of features specific to one browser. However, if you experience problems whilst using assistive software to access our site, please do let us know.

How to make the text larger and set the text colour in different web browsers

These instructions are applicable with the browser names listed below.

Microsoft Internet Explorer

  • Newer versions of Internet Explorer include a zoom feature that allows you to increase the whole web page.
  • Use the keyboard by pressing CTRL and ' + ' to zoom in and CTRL and ' - ' to zoom out.
  • If you are using a mouse with a scrollwheel you can scroll text and images bigger and smaller by holding down the CTRL button on the keyboard and scrolling the scrollwheel at the same time.
  • Or choose the Tools menu at the top of the browser window (Alt+X)
  • A list of options will appear in the drop down menu, choose Internet Options
  • A 'General' window will open, with 'Appearance' at the bottom of the window.
  • Select 'Colors' to change the font colour, or 'Fonts' to change the font size.
  • The text in your browser should now appear in the size and colour you have selected.
  • You may need to use the 'Accessibility' options to choose to ignore font size and colour set by the website.
  • See the Microsoft website for more information about accessibility options in Internet explorer.


Using a mouse:

  • Click the 'Customise and control Google Chrome' button (the spanner to the right of the address bar).
  • Select the 'Settings' option
  • Select 'Show advanced settings'
  • Scroll down to the 'Web content' heading
  • Next to 'Zoom' in the menu, click the plus or minus buttons to increase or decrease the text size
  • Alternatively you can use the 'Customise fonts...' button to change the font size.

Using the keyboard:

  • To increase the text size press Ctrl + + on the numeric keypad (hold down Ctrl and press +), or Ctrl + = on the main keyboard
  • To decrease the text size press Ctrl + -
  • To return to the default font size press Ctrl + 0
  • See the Google website for more information about accessibility features in Chrome.


Firefox uses a Zoom feature that resizes the whole web page.

  • You can use the keyboard by holding down the CTRL button whilst pressing the '+' key to zoom in or the '-' key to zoom out.
  • Or go to View > Zoom > Zoom in OR Zoom out
  • If you are using a mouse with a scrollwheel you can scroll text and images bigger and smaller by holding down the CTRL button on the keyboard and scrolling the scrollwheel at the same time.

The default Zoom setting will automatically resize all the images present on the page as well as the text. So if you increase the size of text, images get bigger and vice versa. Our site makes use of large billboard images with graphic text which can be made larger using this feature. However, if you wish to resize only the text without enlarging the images you can disable automatic image resizing in Firefox.

  • Go to View > Zoom and check 'Zoom Text Only'.

Firefox will also remember the preferred Zoom text size setting you have used for individual sites you visit and will display them at the same size when you visit them again.

  • To change the font colour, go to 'Tools' and then click on the 'Content' tab.
  • Select 'Colors...' to set the colour.
  • See the Mozilla website for more information about setting fonts and colours in Firefox.


The following feature will increase and decrease the size of text and images on the screen for better visibility.

  1. Press and hold down the COMMAND key on your keyboard.
  2. At the same time as holding the COMMAND key:
    • press the + key to increase the size of the text and images or
    • press the ‘-‘ key to decrease the size of the text and images.
  3. Keep repeating Step 2 until you reach the desired size.

To change the type, size and colour of your font and the background colour:

  1. Select the Safari menu, then select Preferences.
  2. Select Appearance, which is the second option on the right.
  3. Under Standard font, select the Select button. Choose your desired font type, size and colour.
  4. Click OK on the Preferences screen.

For accessibility features in Safari see the safari website produced by apple.


From the View menu:

  • Select Zoom and then the percentage you require to increase or decrease the text.

Using the keyboard:

  • Use the '+' and '-' keys to increase or decrease the text by 10% at a time.

For more information regarding Opera, please visit