The accessibility subject is quite vast, but we have some guidelines like WCAG 2.0 (Web Content Accessibility Guidelines) and also the RGAA for the French Administration.
eXo Platform has been improved to be compliant with these rules. eXo Platform has priority in providing users with a way to create an accessible site and accessible contents regardless of their roles, by using the "Sample Accessible Website" template.
This site is accessible without JavaScript enabled on the browser.

To check the compliance of this template, the following tools are used:

* [W3C validator|http://validator.w3.org/] XHTML 1.0 Transitional
* [Achecker|http://achecker.ca/checker/index.php] with the rules of WCAG 2.0 AA

{docbook}
<para>
<citetitle>
<emphasis role="bold">
Create an accessible site
</emphasis>
</citetitle>
</para>
{docbook}

{docbook}
<para>To create an accessible site, simply follow steps described in the <link linkend="sect-User_Guide-Create_a_New_Portal">Create a new portal</link> section. Next, in the <guilabel>Portal Templates</guilabel> tab, select <guilabel>Sample Accessible Website</guilabel> from the templates list.</para>
{docbook}

{docbook}
<para>
<citetitle>
<emphasis role="bold">
Access an accessible site
</emphasis>
</citetitle>
</para>
{docbook}

{docbook}
<para>After creating the accessible site, you can access the site by hovering your cursor over <guilabel>My Sites</guilabel> on the <guilabel>Administration</guilabel> bar, then selecting the newly created accessible portal from the drop-down menu. </para>
{docbook}
The homepage of the accessible portal appears as below.

!images/WAIPortal/WAI_interface.png|align="center" width="150mm" fo:scalefit="1" html:scalefit="0"!

{docbook}
<para>
<citetitle>
<emphasis role="bold">
Features of an accessible portal
</emphasis>
</citetitle>
</para>
{docbook}

The accessible portal provides you with some following features:

* *Skip to content* !images/1.png|width="4mm" fo:scalefit="1" html:scalefit="0"!: Allow you to ignore navigation links, banner, or redundant information, and directly go to the main content of a page.
* *Site map* !images/2.png|width="4mm" fo:scalefit="1" html:scalefit="0"!: Show a list of pages of the current template.
* *Accessibility* !images/3.png|width="4mm" fo:scalefit="1" html:scalefit="0"!: Allow you to access a specific page about the accessibility policy. It explains what the accessibility is, how to navigate into the site, and describes the available features of the accessible portal.
* *Font size* !images/4.png|width="4mm" fo:scalefit="1" html:scalefit="0"!: Allow you to select your desired font size, including *Normal*, *Medium*, and *Large* sizes. The default size is *Normal*.
* *Color themes* !images/5.png|width="4mm" fo:scalefit="1" html:scalefit="0"!: Allow you to change the skin color of the website into *High Contrast*, or return to the default skin with *Normal Contrast*.
* *Search* !images/6.png|width="4mm" fo:scalefit="1" html:scalefit="0"!: Allow you to search for accessible content in the website.
* *Breadcrumb* !images/7.png|width="4mm" fo:scalefit="1" html:scalefit="0"!: Allow you to ease and keep a consistent navigation. With the breadcrumb, you can easily navigate in an accessible website.
* *Navigation without JavaScript*: One of the successful criteria of a website is to have accessible links and menu before the content when it is displayed like a screen reader. If JavaScript is disabled, you are still able to navigate, and the menu is expanded by default in this case.

{docbook}
<para>
  <prompt>
	 <emphasis role="bold">See also</emphasis>
  </prompt>
</para>
{docbook}

* [Manage permissions|#Platform_User_Guide.Manage_Your_Portals.Manage_Permission]
* [Manage sites|#Platform_User_Guide.Manage_Your_Portals.Manage_sites]
* [Manage navigation nodes|#Platform_User_Guide.Manage_Your_Portals.Manage_sites.SampleAccessibleWeb]
* [Manage pages|#Platform_User_Guide.Manage_Your_Portals.Manage_Pages]
* [Manage applications|#Platform_User_Guide.Manage_Your_Portals.Manage_Applications]