Repository: syncope Updated Branches: refs/heads/2_1_X b653b0033 -> c99a99ece
[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/c99a99ec Tree: http://git-wip-us.apache.org/repos/asf/syncope/tree/c99a99ec Diff: http://git-wip-us.apache.org/repos/asf/syncope/diff/c99a99ec Branch: refs/heads/2_1_X Commit: c99a99ece984e4d582b44bd08b15c8ae5c849c4a Parents: b653b00 Author: skylark17 <matteo.alessandr...@tirasa.net> Authored: Thu Oct 4 17:30:54 2018 +0200 Committer: skylark17 <matteo.alessandr...@tirasa.net> Committed: Thu Oct 4 17:42:13 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/c99a99ec/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/c99a99ec/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/c99a99ec/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/c99a99ec/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
