From 91a11111829d4a8ad0fa5159cde5f639aef274f5 Mon Sep 17 00:00:00 2001 From: CristianAUnisa Date: Sat, 26 Jun 2021 20:26:05 +0200 Subject: [PATCH] Adding accessibility features Made the theme button toggable by keyboard Added aria-label to many without any text (usually, they contains Font Awesome icons) Added aria-hidden whenever necessary Labelled the "Copy URL and Description" contained in footer Added an hidden label for the menu toggle for mobile accessibility Changed some colors to meet the Color Contrast AA level: https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html --- _includes/badge.html | 33 +- _includes/cardv2.html | 106 +++--- _includes/footer.html | 4 +- _includes/nav.html | 14 +- _includes/sections/android-addons.html | 2 +- .../sections/android-operating-systems.html | 4 +- _includes/sections/browser-addons.html | 2 +- _includes/sections/browser-fingerprint.html | 2 +- .../sections/browser-recommendation.html | 6 +- _includes/sections/browser-tweaks.html | 2 +- _includes/sections/browser-webrtc.html | 2 +- .../sections/calendar-contacts-sync.html | 2 +- _includes/sections/cloud-storage.html | 2 +- _includes/sections/decentralized-video.html | 2 +- _includes/sections/dns.html | 348 ++++++++++-------- _includes/sections/email-clients.html | 8 +- _includes/sections/email-providers.html | 14 +- _includes/sections/file-encryption.html | 2 +- _includes/sections/file-sharing.html | 2 +- _includes/sections/file-sync.html | 4 +- _includes/sections/fourteen-eyes.html | 2 +- _includes/sections/header.html | 2 +- _includes/sections/hosting-provider.html | 2 +- _includes/sections/instant-messenger.html | 8 +- _includes/sections/ios-addons.html | 2 +- _includes/sections/key-disclosure-law.html | 2 +- _includes/sections/notebooks.html | 2 +- _includes/sections/operating-systems.html | 4 +- .../other-mobile-operating-systems.html | 2 +- _includes/sections/participate.html | 2 +- _includes/sections/password-managers.html | 2 +- _includes/sections/paste-services.html | 2 +- _includes/sections/privacy-resources.html | 2 +- _includes/sections/productivity-tools.html | 5 +- _includes/sections/quotes.html | 2 +- _includes/sections/router-firmware.html | 2 +- _includes/sections/search-engines.html | 2 +- .../sections/self-contained-networks.html | 2 +- _includes/sections/selfhosted-cloud.html | 2 +- _includes/sections/social-networks.html | 2 +- .../sections/social-news-aggregator.html | 2 +- _includes/sections/teamchat.html | 4 +- _includes/sections/tor-operating-systems.html | 2 +- _includes/sections/video-frontends.html | 2 +- _includes/sections/voice-video-messenger.html | 2 +- _includes/sections/vpn.html | 8 +- _includes/sections/warrant-canary.html | 2 +- _includes/sections/windows10.html | 2 +- _sass/bootstrap.scss | 2 +- _sass/sortable-theme-bootstrap.scss | 2 +- assets/css/dark.scss | 31 +- assets/css/style.scss | 16 + assets/js/main.js | 10 + index.html | 2 +- 54 files changed, 392 insertions(+), 307 deletions(-) diff --git a/_includes/badge.html b/_includes/badge.html index f069d819..a2825f5f 100644 --- a/_includes/badge.html +++ b/_includes/badge.html @@ -1,20 +1,25 @@ {% if include.link %} - {{ include.text }} -{% else %}> {{ include.text }}{% endif %} + {{ include.text }} + {% else %} + {% if include.text == null or include.text == "" %} + aria-label="{{include.link}}" + {% endif %} + > {{ include.text }}{% + endif %} {% else %} - {{include.text}} + {{include.text}} {% else %} - > {% if include.icon %}{% endif %} {{include.text}} + {% if include.text == null or include.text == "" %} + aria-label="{{include.link}}" + {% endif %} + > {% if include.icon %}{% endif %} {{include.text}} {% endif %} -{% endif %} +{% endif %} \ No newline at end of file diff --git a/_includes/cardv2.html b/_includes/cardv2.html index 8982b84b..8dab2234 100644 --- a/_includes/cardv2.html +++ b/_includes/cardv2.html @@ -102,6 +102,7 @@ {% if include.tor %} {% if include.windows %} {% if include.windows != "" %} - - + + {% else %} @@ -136,8 +138,8 @@ {% if include.mac %} {% if include.mac != "" %} - - + + {% else %} @@ -146,8 +148,8 @@ {% if include.linux %} {% if include.linux != "" %} - - + + {% else %} @@ -156,8 +158,8 @@ {% if include.freebsd %} {% if include.freebsd != "" %} - - + + {% else %} @@ -166,8 +168,8 @@ {% if include.openbsd %} {% if include.openbsd != "" %} - - + + {% else %} @@ -176,8 +178,8 @@ {% if include.netbsd %} {% if include.netbsd != "" %} - - + + {% else %} @@ -186,108 +188,108 @@ {% if include.firefox %} {% if include.firefox != "" %} - - + + {% else %} - + {% endif %} {% endif %} {% if include.chrome %} {% if include.chrome != "" %} - - + + {% else %} - + {% endif %} {% endif %} {% if include.safari %} {% if include.safari != "" %} - - + + {% else %} - + {% endif %} {% endif %} {% if include.opera %} {% if include.opera != "" %} - - + + {% else %} - + {% endif %} {% endif %} {% if include.edge %} {% if include.edge != "" %} - - + + {% else %} - + {% endif %} {% endif %} {% if include.fdroid %} {% if include.fdroid != "" %} - - + + {% else %} - + {% endif %} {% endif %} {% if include.googleplay %} {% if include.googleplay != "" %} - - + + {% else %} - + {% endif %} {% endif %} {% if include.android %} {% if include.android != "" %} - - + + {% else %} - + {% endif %} {% endif %} {% if include.ios %} {% if include.ios != "" %} - - + + {% else %} - + {% endif %} {% endif %} {% if include.sailfish %} {% if include.sailfish != "" %} - - + + {% else %} - + {% endif %} {% endif %} {% if include.web %} {% if include.web != "" %} - - + + {% else %} @@ -299,26 +301,26 @@ {{include.icon3}} {% if include.github %} - - + + {% endif %} {% if include.gitlab %} - - + + {% endif %} {% if include.git %} - - + + {% endif %} {% if include.source %} - - + + {% endif %} diff --git a/_includes/footer.html b/_includes/footer.html index 38ea9d03..1c298b40 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -41,10 +41,10 @@ -

Copy URL and Description

+

- + For easy copy and paste. Share this text snippet.

diff --git a/_includes/nav.html b/_includes/nav.html index 129f4fe4..9a121255 100644 --- a/_includes/nav.html +++ b/_includes/nav.html @@ -1,17 +1,19 @@