syncope-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From skylar...@apache.org
Subject syncope git commit: [SYNCOPE-1367] Added documentation about Enduser accessibility
Date Thu, 04 Oct 2018 15:46:01 GMT
Repository: syncope
Updated Branches:
  refs/heads/master a2bb602c4 -> 59a36b775


[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/59a36b77
Tree: http://git-wip-us.apache.org/repos/asf/syncope/tree/59a36b77
Diff: http://git-wip-us.apache.org/repos/asf/syncope/diff/59a36b77

Branch: refs/heads/master
Commit: 59a36b775a4957480c9089f7a5aae0299671dfdd
Parents: a2bb602
Author: skylark17 <matteo.alessandroni@tirasa.net>
Authored: Thu Oct 4 17:30:54 2018 +0200
Committer: skylark17 <matteo.alessandroni@tirasa.net>
Committed: Thu Oct 4 17:45:53 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/59a36b77/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/59a36b77/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/59a36b77/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/59a36b77/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 b183e08..90dd618 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
 


Mime
View raw message