You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@syncope.apache.org by sk...@apache.org on 2018/10/04 15:37:18 UTC
syncope git commit: [SYNCOPE-1367] Added documentation about Enduser
accessibility
Repository: syncope
Updated Branches:
refs/heads/2_0_X c8204d3b0 -> 09b37dd19
[SYNCOPE-1367] Added documentation about Enduser accessibility
Project: http://git-wip-us.apache.org/repos/asf/syncope/repo
Commit: http://git-wip-us.apache.org/repos/asf/syncope/commit/09b37dd1
Tree: http://git-wip-us.apache.org/repos/asf/syncope/tree/09b37dd1
Diff: http://git-wip-us.apache.org/repos/asf/syncope/diff/09b37dd1
Branch: refs/heads/2_0_X
Commit: 09b37dd1982e6128753265b6158094b7bd9cd919
Parents: c8204d3
Author: skylark17 <ma...@tirasa.net>
Authored: Thu Oct 4 17:30:54 2018 +0200
Committer: skylark17 <ma...@tirasa.net>
Committed: Thu Oct 4 17:33:07 2018 +0200
----------------------------------------------------------------------
.../asciidoc/images/accessibility-enduser01.png | Bin 0 -> 22466 bytes
.../asciidoc/images/accessibility-enduser02.png | Bin 0 -> 852 bytes
.../asciidoc/images/accessibility-enduser03.png | Bin 0 -> 866 bytes
.../architecture/architecture.adoc | 49 +++++++++++++++++++
4 files changed, 49 insertions(+)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/syncope/blob/09b37dd1/src/main/asciidoc/images/accessibility-enduser01.png
----------------------------------------------------------------------
diff --git a/src/main/asciidoc/images/accessibility-enduser01.png b/src/main/asciidoc/images/accessibility-enduser01.png
new file mode 100644
index 0000000..5ed2303
Binary files /dev/null and b/src/main/asciidoc/images/accessibility-enduser01.png differ
http://git-wip-us.apache.org/repos/asf/syncope/blob/09b37dd1/src/main/asciidoc/images/accessibility-enduser02.png
----------------------------------------------------------------------
diff --git a/src/main/asciidoc/images/accessibility-enduser02.png b/src/main/asciidoc/images/accessibility-enduser02.png
new file mode 100644
index 0000000..57241f6
Binary files /dev/null and b/src/main/asciidoc/images/accessibility-enduser02.png differ
http://git-wip-us.apache.org/repos/asf/syncope/blob/09b37dd1/src/main/asciidoc/images/accessibility-enduser03.png
----------------------------------------------------------------------
diff --git a/src/main/asciidoc/images/accessibility-enduser03.png b/src/main/asciidoc/images/accessibility-enduser03.png
new file mode 100644
index 0000000..5c230ea
Binary files /dev/null and b/src/main/asciidoc/images/accessibility-enduser03.png differ
http://git-wip-us.apache.org/repos/asf/syncope/blob/09b37dd1/src/main/asciidoc/reference-guide/architecture/architecture.adoc
----------------------------------------------------------------------
diff --git a/src/main/asciidoc/reference-guide/architecture/architecture.adoc b/src/main/asciidoc/reference-guide/architecture/architecture.adoc
index 0ba26d3..0570540 100644
--- a/src/main/asciidoc/reference-guide/architecture/architecture.adoc
+++ b/src/main/asciidoc/reference-guide/architecture/architecture.adoc
@@ -43,6 +43,55 @@ The End-user UI is the web-based application for self-registration, self-service
The communication between End-user UI and Core is exclusively REST-based.
+==== Accessibility
+
+The End-user UI is accessible to the visually impaired.
+
+Two icons are present in the main page, in the right corner:
+
+[.text-center]
+image::accessibility-enduser01.png[title="Enduser accessibility icons",alt="Enduser accessibility icons"]
+
+By clicking the top right corner icon image:accessibility-enduser02.png[Accessibility HC mode,30,30] it is possible to
+toggle the "High contrast mode".
+In this mode, the website colors are switched to a higher contrast color schema.
+
+[TIP]
+====
+The `H` https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey[accesskey^] shortcut can
+be used to easily toggle "High contrast mode" by using the keyboard.
+
+E.g.
+|===
+|Shortcut |Purpose
+
+|`Alt` + `Shift` + `H`
+|Toggle "High contrast mode" on Firefox and Chrome browsers on Linux
+|===
+
+====
+
+By clicking the second icon image:accessibility-enduser03.png[Accessibility HC mode,30,30] it is possible
+to toggle the "Increased font mode".
+In this mode, the website font size is increased.
+
+[TIP]
+====
+The `F` https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey[accesskey^] shortcut can
+be used to easily toggle "Increased font mode" by using the keyboard.
+
+E.g.
+|===
+|Shortcut |Purpose
+
+|`Alt` + `Shift` + `F`
+|Toggle "Increased font mode" on Firefox and Chrome browsers on Linux
+|===
+
+====
+
+To reset to the default mode, it is enough to click again on the specific icon.
+
[[cli-component]]
=== CLI